@@ -342,6 +358,38 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
}
const onExporting = (e: any) => {
+ const periode = reportMeta.value.periode ? reportMeta.value.periode.split(' s/d ') : ''
+ const minTime = reportMeta.value.minTime ? reportMeta.value.minTime : ''
+ const maxTime = reportMeta.value.maxTime ? reportMeta.value.maxTime : ''
+
+ let dateFromFormat = ''
+ let dateToFormat = ''
+ let dayTo = ''
+ let durasi = ''
+
+ if (minTime == '1502' && maxTime != '143998560') {
+ durasi = 'Melebihi SLA (>1 hari)'
+ } else if (minTime == '1' && maxTime == '1501') {
+ durasi = 'Dibawah / Sesuai SLA (<=1 hari)'
+ } else {
+ durasi = 'Durasi Menit'
+ }
+
+ if (periode != '') {
+ const dateFrom = new Date(periode[0].split('-').reverse().join('-'))
+ const dateTo = new Date(periode[1].split('-').reverse().join('-'))
+
+ dateFromFormat = `${dateFrom.getDate()}-${dateFrom.toLocaleString('default', {
+ month: 'long'
+ })}-${dateFrom.getFullYear()}`
+
+ dateToFormat = `${dateTo.getDate()}-${dateTo.toLocaleString('default', {
+ month: 'long'
+ })}-${dateTo.getFullYear()}`
+
+ dayTo = dateTo.toLocaleString('default', { weekday: 'long' })
+ }
+
if (e.format === 'pdf') {
const doc = new jsPDF({
orientation: 'landscape'
@@ -349,7 +397,60 @@ const onExporting = (e: any) => {
autoTable(doc, {
head: [
+ ['PT. PLN(Persero)', '', ''],
[
+ { content: 'UNIT INDUK', styles: { cellWidth: 25 } },
+ { content: ':', styles: { cellWidth: 1 } },
+ reportMeta.value.uid
+ ? reportMeta.value.uid.name.toUpperCase()
+ : 'Semua Unit Induk Distribusi/Wilayah'.toUpperCase()
+ ],
+ [
+ 'UNIT PELAKSANA PELAYANAN PELANGGAN',
+ ':',
+ reportMeta.value.up3
+ ? reportMeta.value.up3.name.toUpperCase()
+ : 'Semua Unit Pelaksanaan Pelayanan Pelanggan'.toUpperCase()
+ ],
+ [
+ 'UNIT LAYANAN PELANGGAN',
+ ':',
+ reportMeta.value.ulp
+ ? reportMeta.value.ulp.name.toUpperCase()
+ : 'Semua Unit Layanan Pelanggan'.toUpperCase()
+ ],
+ ['Durasi', ':', `${durasi} ${durasi == 'Durasi Menit' ? minTime + ' - ' + maxTime : ''}`]
+ ],
+ styles: {
+ fontSize: 3,
+ cellPadding: 0.1,
+ textColor: [0, 0, 0],
+ fontStyle: 'bold'
+ },
+ theme: 'plain',
+ startY: 10
+ })
+
+ autoTable(doc, {
+ head: [
+ ['Daftar Keluhan Response Time'.toUpperCase()],
+ [`PERIODE TANGGAL : ${dateFromFormat} SD TGL ${dateToFormat}`]
+ ],
+ styles: {
+ fontSize: 3,
+ cellPadding: 0.1,
+ textColor: [0, 0, 0],
+ fontStyle: 'bold',
+ halign: 'center'
+ },
+ theme: 'plain',
+ startY: 18
+ })
+
+ autoTable(doc, {
+ head: [
+ [
+ 'No',
'No Laporan',
'Tgl Lapor',
'Tgl Response',
@@ -365,13 +466,14 @@ const onExporting = (e: any) => {
'Nama ULP'
]
],
- body: data.value.map((item: any) => [
+ body: data.value.map((item: any, i: any) => [
+ { content: ++i, styles: { halign: 'right' } },
item.no_laporan,
item.waktu_lapor,
item.waktu_response,
item.waktu_recovery,
- item.durasi_response_time,
- item.durasi_recovery_time,
+ parseInt(item.durasi_response_time) ? formatWaktu(item.durasi_response_time) : '-',
+ parseInt(item.durasi_recovery_time) ? formatWaktu(item.durasi_recovery_time) : '-',
item.status_akhir,
item.idpel_nometer,
item.nama_pelapor,
@@ -381,11 +483,58 @@ const onExporting = (e: any) => {
item.nama_ulp
]),
styles: {
- fontSize: 4
- }
+ fontSize: 3,
+ cellPadding: 1,
+ lineColor: [0, 0, 0],
+ lineWidth: 0.1,
+ cellWidth: 'auto'
+ },
+ rowPageBreak: 'auto',
+ headStyles: {
+ fillColor: [192, 192, 192],
+ textColor: [0, 0, 0],
+ fontStyle: 'bold',
+ cellWidth: 'wrap',
+ halign: 'center'
+ },
+ bodyStyles: {
+ textColor: [0, 0, 0]
+ },
+ didParseCell: function (data) {
+ if (data.row.section === 'head') {
+ data.cell.text = data.cell.text.map(function (word: any) {
+ return word.toUpperCase()
+ })
+ }
+ },
+ startY: 23
})
- doc.save('Daftar Keluhan Response Time.pdf')
+ autoTable(doc, {
+ head: [
+ [`${dayTo}, ${dateToFormat}`],
+ [
+ {
+ content: '(.........................................)',
+ styles: { minCellHeight: 8, valign: 'bottom' }
+ }
+ ]
+ ],
+ styles: {
+ fontSize: 3,
+ cellPadding: 0.1,
+ textColor: [0, 0, 0],
+ fontStyle: 'bold',
+ halign: 'center'
+ },
+ theme: 'plain',
+ tableWidth: 50,
+ margin: { left: 230 }
+ })
+
+ doc.save('Laporan Daftar Keluhan Response Time.pdf', { returnPromise: true }).then(() => {
+ console.log('pdf berhasil disimpan')
+ })
} else {
const workbook = new Workbook()
const worksheet = workbook.addWorksheet('Daftar Keluhan Response Time')
@@ -425,6 +574,7 @@ const { onResult, onError, loading, refetch } = useQuery(
const filterData = (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3, maxTime, minTime } = params
+
refetch({
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
@@ -443,16 +593,28 @@ const filterData = (params: any) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.daftarKeluhanResponseTime
}
+
+ reportMeta.value = filters.value
console.log(queryResult.data)
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
+
onError((error) => {
console.log(error)
})
}
const filters = ref()
+const reportMeta = ref({
+ uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
+ up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
+ ulp: { id: 0, name: 'Semua Unit Layanan Pelanggan' },
+ periode: '',
+ minTime: '',
+ maxTime: ''
+})
+
onMounted(() => {
if (import.meta.env.DEV) {
data.value = dummyData.keluhan.daftar.daftarKeluhanResponseTime
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue
index 020cf91..9e68fab 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue
@@ -330,6 +330,27 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
}
const onExporting = (e: any) => {
+ const periode = reportMeta.value.periode ? reportMeta.value.periode.split(' s/d ') : ''
+
+ let dateFromFormat = ''
+ let dateToFormat = ''
+ let dayTo = ''
+
+ if (periode != '') {
+ const dateFrom = new Date(periode[0].split('-').reverse().join('-'))
+ const dateTo = new Date(periode[1].split('-').reverse().join('-'))
+
+ dateFromFormat = `${dateFrom.getDate()}-${dateFrom.toLocaleString('default', {
+ month: 'long'
+ })}-${dateFrom.getFullYear()}`
+
+ dateToFormat = `${dateTo.getDate()}-${dateTo.toLocaleString('default', {
+ month: 'long'
+ })}-${dateTo.getFullYear()}`
+
+ dayTo = dateTo.toLocaleString('default', { weekday: 'long' })
+ }
+
if (e.format === 'pdf') {
const doc = new jsPDF({
orientation: 'landscape'
@@ -337,7 +358,59 @@ const onExporting = (e: any) => {
autoTable(doc, {
head: [
+ ['PT. PLN(Persero)', '', ''],
[
+ { content: 'UNIT INDUK', styles: { cellWidth: 25 } },
+ { content: ':', styles: { cellWidth: 1 } },
+ reportMeta.value.uid
+ ? reportMeta.value.uid.name.toUpperCase()
+ : 'Semua Unit Induk Distribusi/Wilayah'.toUpperCase()
+ ],
+ [
+ 'UNIT PELAKSANA PELAYANAN PELANGGAN',
+ ':',
+ reportMeta.value.up3
+ ? reportMeta.value.up3.name.toUpperCase()
+ : 'Semua Unit Pelaksanaan Pelayanan Pelanggan'.toUpperCase()
+ ],
+ [
+ 'UNIT LAYANAN PELANGGAN',
+ ':',
+ reportMeta.value.ulp
+ ? reportMeta.value.ulp.name.toUpperCase()
+ : 'Semua Unit Layanan Pelanggan'.toUpperCase()
+ ]
+ ],
+ styles: {
+ fontSize: 3,
+ cellPadding: 0.1,
+ textColor: [0, 0, 0],
+ fontStyle: 'bold'
+ },
+ theme: 'plain',
+ startY: 10
+ })
+
+ autoTable(doc, {
+ head: [
+ ['Daftar Keluhan Selesai Tanpa ID Pelanggan'.toUpperCase()],
+ [`PERIODE TANGGAL : ${dateFromFormat} SD TGL ${dateToFormat}`]
+ ],
+ styles: {
+ fontSize: 3,
+ cellPadding: 0.1,
+ textColor: [0, 0, 0],
+ fontStyle: 'bold',
+ halign: 'center'
+ },
+ theme: 'plain',
+ startY: 18
+ })
+
+ autoTable(doc, {
+ head: [
+ [
+ 'No',
'No Laporan',
'Tgl Lapor',
'Tgl Response',
@@ -354,7 +427,8 @@ const onExporting = (e: any) => {
'Nama ULP'
]
],
- body: data.value.map((item: any) => [
+ body: data.value.map((item: any, i: any) => [
+ { content: ++i, styles: { halign: 'right' } },
item.no_laporan,
item.waktu_lapor,
item.waktu_response,
@@ -371,11 +445,60 @@ const onExporting = (e: any) => {
item.nama_ulp
]),
styles: {
- fontSize: 4
- }
+ fontSize: 3,
+ cellPadding: 1,
+ lineColor: [0, 0, 0],
+ lineWidth: 0.1,
+ cellWidth: 'auto'
+ },
+ rowPageBreak: 'auto',
+ headStyles: {
+ fillColor: [192, 192, 192],
+ textColor: [0, 0, 0],
+ fontStyle: 'bold',
+ cellWidth: 'wrap',
+ halign: 'center'
+ },
+ bodyStyles: {
+ textColor: [0, 0, 0]
+ },
+ didParseCell: function (data) {
+ if (data.row.section === 'head') {
+ data.cell.text = data.cell.text.map(function (word: any) {
+ return word.toUpperCase()
+ })
+ }
+ },
+ startY: 23
})
- doc.save('Daftar Keluhan Selesai Tanpa ID Pelanggan.pdf')
+ autoTable(doc, {
+ head: [
+ [`${dayTo}, ${dateToFormat}`],
+ [
+ {
+ content: '(.........................................)',
+ styles: { minCellHeight: 8, valign: 'bottom' }
+ }
+ ]
+ ],
+ styles: {
+ fontSize: 3,
+ cellPadding: 0.1,
+ textColor: [0, 0, 0],
+ fontStyle: 'bold',
+ halign: 'center'
+ },
+ theme: 'plain',
+ tableWidth: 50,
+ margin: { left: 230 }
+ })
+
+ doc
+ .save('Laporan Daftar Keluhan Selesai Tanpa ID Pelanggan.pdf', { returnPromise: true })
+ .then(() => {
+ console.log('pdf berhasil disimpan')
+ })
} else {
const workbook = new Workbook()
const worksheet = workbook.addWorksheet('Daftar Keluhan Selesai Tanpa ID Pelanggan')
@@ -413,6 +536,7 @@ const { onResult, onError, loading, refetch } = useQuery(
const filterData = (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params
+
refetch({
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
@@ -429,16 +553,26 @@ const filterData = (params: any) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.daftarKeluhanSelesaiTanpaIdPelanggan
}
+
+ reportMeta.value = filters.value
console.log(queryResult.data)
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
+
onError((error) => {
console.log(error)
})
}
const filters = ref()
+const reportMeta = ref({
+ uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
+ up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
+ ulp: { id: 0, name: 'Semua Unit Layanan Pelanggan' },
+ periode: ''
+})
+
onMounted(() => {
if (import.meta.env.DEV) {
data.value = dummyData.keluhan.daftar.daftarKeluhanSelesaiTanpaIdPelanggan
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue
index 1c66c79..0b45b10 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue
@@ -223,6 +223,27 @@ const shading = ref(true)
const showPane = ref(true)
const onExporting = (e: any) => {
+ const periode = reportMeta.value.periode ? reportMeta.value.periode.split(' s/d ') : ''
+
+ let dateFromFormat = ''
+ let dateToFormat = ''
+ let dayTo = ''
+
+ if (periode != '') {
+ const dateFrom = new Date(periode[0].split('-').reverse().join('-'))
+ const dateTo = new Date(periode[1].split('-').reverse().join('-'))
+
+ dateFromFormat = `${dateFrom.getDate()}-${dateFrom.toLocaleString('default', {
+ month: 'long'
+ })}-${dateFrom.getFullYear()}`
+
+ dateToFormat = `${dateTo.getDate()}-${dateTo.toLocaleString('default', {
+ month: 'long'
+ })}-${dateTo.getFullYear()}`
+
+ dayTo = dateTo.toLocaleString('default', { weekday: 'long' })
+ }
+
if (e.format === 'pdf') {
const doc = new jsPDF({
orientation: 'landscape'
@@ -230,7 +251,59 @@ const onExporting = (e: any) => {
autoTable(doc, {
head: [
+ ['PT. PLN(Persero)', '', ''],
[
+ { content: 'UNIT INDUK', styles: { cellWidth: 25 } },
+ { content: ':', styles: { cellWidth: 1 } },
+ reportMeta.value.uid
+ ? reportMeta.value.uid.name.toUpperCase()
+ : 'Semua Unit Induk Distribusi/Wilayah'.toUpperCase()
+ ],
+ [
+ 'UNIT PELAKSANA PELAYANAN PELANGGAN',
+ ':',
+ reportMeta.value.up3
+ ? reportMeta.value.up3.name.toUpperCase()
+ : 'Semua Unit Pelaksanaan Pelayanan Pelanggan'.toUpperCase()
+ ],
+ [
+ 'UNIT LAYANAN PELANGGAN',
+ ':',
+ reportMeta.value.ulp
+ ? reportMeta.value.ulp.name.toUpperCase()
+ : 'Semua Unit Layanan Pelanggan'.toUpperCase()
+ ]
+ ],
+ styles: {
+ fontSize: 3,
+ cellPadding: 0.1,
+ textColor: [0, 0, 0],
+ fontStyle: 'bold'
+ },
+ theme: 'plain',
+ startY: 10
+ })
+
+ autoTable(doc, {
+ head: [
+ ['Daftar Keluhan Selesai di Contact Center'.toUpperCase()],
+ [`PERIODE TANGGAL : ${dateFromFormat} SD TGL ${dateToFormat}`]
+ ],
+ styles: {
+ fontSize: 3,
+ cellPadding: 0.1,
+ textColor: [0, 0, 0],
+ fontStyle: 'bold',
+ halign: 'center'
+ },
+ theme: 'plain',
+ startY: 18
+ })
+
+ autoTable(doc, {
+ head: [
+ [
+ 'No',
'No Laporan',
'Contact Center',
'UI Dist.',
@@ -249,7 +322,8 @@ const onExporting = (e: any) => {
'Sub Issue Type'
]
],
- body: data.value.map((item: any) => [
+ body: data.value.map((item: any, i: any) => [
+ { content: ++i, styles: { halign: 'right' } },
item.no_laporan,
item.nama_ulp,
item.nama_uid,
@@ -268,11 +342,60 @@ const onExporting = (e: any) => {
item.nama_subissuetype
]),
styles: {
- fontSize: 4
- }
+ fontSize: 3,
+ cellPadding: 1,
+ lineColor: [0, 0, 0],
+ lineWidth: 0.1,
+ cellWidth: 'auto'
+ },
+ rowPageBreak: 'auto',
+ headStyles: {
+ fillColor: [192, 192, 192],
+ textColor: [0, 0, 0],
+ fontStyle: 'bold',
+ cellWidth: 'wrap',
+ halign: 'center'
+ },
+ bodyStyles: {
+ textColor: [0, 0, 0]
+ },
+ didParseCell: function (data) {
+ if (data.row.section === 'head') {
+ data.cell.text = data.cell.text.map(function (word: any) {
+ return word.toUpperCase()
+ })
+ }
+ },
+ startY: 23
})
- doc.save('Daftar Keluhan Selesai di Contact Center.pdf')
+ autoTable(doc, {
+ head: [
+ [`${dayTo}, ${dateToFormat}`],
+ [
+ {
+ content: '(.........................................)',
+ styles: { minCellHeight: 8, valign: 'bottom' }
+ }
+ ]
+ ],
+ styles: {
+ fontSize: 3,
+ cellPadding: 0.1,
+ textColor: [0, 0, 0],
+ fontStyle: 'bold',
+ halign: 'center'
+ },
+ theme: 'plain',
+ tableWidth: 50,
+ margin: { left: 230 }
+ })
+
+ doc
+ .save('Laporan Daftar Keluhan Selesai di Contact Center.pdf', { returnPromise: true })
+ .then(() => {
+ console.log('pdf berhasil disimpan')
+ })
} else {
const workbook = new Workbook()
const worksheet = workbook.addWorksheet('Daftar Keluhan Selesai di Contact Center')
@@ -312,11 +435,17 @@ const { onResult, onError, loading, refetch } = useQuery(
}
)
const filters = ref()
+const reportMeta = ref({
+ uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
+ up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
+ ulp: { id: 0, name: 'Semua Unit Layanan Pelanggan' },
+ periode: ''
+})
const filterData = (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params
- const media = params.media ? params.media.id : ''
+
refetch({
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
@@ -333,10 +462,13 @@ const filterData = (params: any) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.daftarKeluhanDiselesaikanCC123
}
+
+ reportMeta.value = filters.value
console.log(queryResult.data)
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
+
onError((error) => {
console.log(error)
})
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
index 9853735..105b842 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
@@ -23,6 +23,7 @@
column-resizing-mode="widget"
:word-wrap-enabled="true"
>
+
@@ -44,17 +45,50 @@
-
-
- {{ data.text }}
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -231,7 +429,7 @@
(dialogDataSelected.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
-const filterData = (params: any) => {
- const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.rekap.rekapKeluhanAll, {
- 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.rekap.rekapKeluhanAll, {
+ 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 { ulp, uid, up3 } = params
const dateValue = params.periode.split(' s/d ')
@@ -700,7 +899,413 @@ const filters = ref()
onMounted(() => {
if (import.meta.env.DEV) {
- data.value = dummyData.keluhan.rekap.rekapitulasiKeluhanAll
+ data.value = [
+ {
+ id: 0,
+ nama_regional: 'REGIONAL JMB',
+ id_uid: 101,
+ nama_uid: 'DISTRIBUSI JAWA TENGAH & DIY',
+ id_up3: 52150,
+ nama_up3: 'UP3 MAGELANG',
+ id_ulp: 52156,
+ nama_ulp: 'ULP PARAKAN',
+ total: 1,
+ total_selesai: 0,
+ persen_selesai: 0,
+ total_inproses: 1,
+ persen_inproses: 100,
+ total_durasi_response: 6869,
+ avg_durasi_response: 6869,
+ min_durasi_response: 6869,
+ max_durasi_response: 6869,
+ total_dibawah_sla_response: 0,
+ total_diatas_sla_response: 1,
+ total_durasi_recovery: 6918,
+ avg_durasi_recovery: 6918,
+ min_durasi_recovery: 6918,
+ max_durasi_recovery: 6918,
+ total_dibawah_sla_recovery: 0,
+ total_diatas_sla_recovery: 1
+ },
+ {
+ id: 1,
+ nama_regional: 'REGIONAL JMB',
+ id_uid: 103,
+ nama_uid: 'DISTRIBUSI JAWA TIMUR',
+ id_up3: 154,
+ nama_up3: 'UP3 SITUBONDO',
+ id_ulp: 51654,
+ nama_ulp: 'ULP WONOSARI',
+ total: 4,
+ total_selesai: 0,
+ persen_selesai: 0,
+ total_inproses: 4,
+ persen_inproses: 100,
+ total_durasi_response: 12102,
+ avg_durasi_response: 4034,
+ min_durasi_response: 881,
+ max_durasi_response: 9125,
+ total_dibawah_sla_response: 1,
+ total_diatas_sla_response: 2,
+ total_durasi_recovery: 169068,
+ avg_durasi_recovery: 42267,
+ min_durasi_recovery: 0,
+ max_durasi_recovery: 70663,
+ total_dibawah_sla_recovery: 1,
+ total_diatas_sla_recovery: 3
+ },
+ {
+ id: 2,
+ nama_regional: 'REGIONAL SUMKAL',
+ id_uid: 110,
+ nama_uid: 'WILAYAH ACEH',
+ id_up3: 116,
+ nama_up3: 'UP3 SIGLI',
+ id_ulp: 11662,
+ nama_ulp: 'ULP MEUREUDU',
+ total: 1,
+ total_selesai: 0,
+ persen_selesai: 0,
+ total_inproses: 1,
+ persen_inproses: 100,
+ total_durasi_response: 325,
+ avg_durasi_response: 325,
+ min_durasi_response: 325,
+ max_durasi_response: 325,
+ total_dibawah_sla_response: 1,
+ total_diatas_sla_response: 0,
+ total_durasi_recovery: 368,
+ avg_durasi_recovery: 368,
+ min_durasi_recovery: 368,
+ max_durasi_recovery: 368,
+ total_dibawah_sla_recovery: 1,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 3,
+ nama_regional: 'REGIONAL JMB',
+ id_uid: 287,
+ nama_uid: 'DISTRIBUSI BALI',
+ id_up3: 329,
+ nama_up3: 'UP3 BALI UTARA',
+ id_ulp: 55340,
+ nama_ulp: 'ULP GILIMANUK',
+ total: 5,
+ total_selesai: 4,
+ persen_selesai: 80,
+ total_inproses: 1,
+ persen_inproses: 20,
+ total_durasi_response: 3548,
+ avg_durasi_response: 709.6,
+ min_durasi_response: 302,
+ max_durasi_response: 1586,
+ total_dibawah_sla_response: 4,
+ total_diatas_sla_response: 1,
+ total_durasi_recovery: 5705,
+ avg_durasi_recovery: 1141,
+ min_durasi_recovery: 775,
+ max_durasi_recovery: 2078,
+ total_dibawah_sla_recovery: 5,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 4,
+ nama_regional: null,
+ id_uid: 0,
+ nama_uid: '',
+ id_up3: 0,
+ nama_up3: '',
+ id_ulp: 22450,
+ nama_ulp: 'ULP PANGKALAN BUN',
+ total: 2,
+ total_selesai: 0,
+ persen_selesai: 0,
+ total_inproses: 2,
+ persen_inproses: 100,
+ total_durasi_response: 1005,
+ avg_durasi_response: 1005,
+ min_durasi_response: 1005,
+ max_durasi_response: 1005,
+ total_dibawah_sla_response: 1,
+ total_diatas_sla_response: 0,
+ total_durasi_recovery: 1815,
+ avg_durasi_recovery: 907.5,
+ min_durasi_recovery: 650,
+ max_durasi_recovery: 1165,
+ total_dibawah_sla_recovery: 2,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 5,
+ nama_regional: 'REGIONAL SUMKAL',
+ id_uid: 221,
+ nama_uid: 'WILAYAH KALIMANTAN SELATAN DAN TENGAH',
+ id_up3: 2220,
+ nama_up3: 'UP3 BARABAI',
+ id_ulp: 22230,
+ nama_ulp: 'ULP AMUNTAI',
+ total: 3,
+ total_selesai: 0,
+ persen_selesai: 0,
+ total_inproses: 3,
+ persen_inproses: 100,
+ total_durasi_response: 1178,
+ avg_durasi_response: 392.6666666666667,
+ min_durasi_response: 155,
+ max_durasi_response: 580,
+ total_dibawah_sla_response: 3,
+ total_diatas_sla_response: 0,
+ total_durasi_recovery: 3042,
+ avg_durasi_recovery: 1014,
+ min_durasi_recovery: 295,
+ max_durasi_recovery: 2051,
+ total_dibawah_sla_recovery: 3,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 6,
+ nama_regional: 'REGIONAL JMB',
+ id_uid: 427,
+ nama_uid: 'DISTRIBUSI JAWA BARAT',
+ id_up3: 546,
+ nama_up3: 'UP3 TASIKMALAYA',
+ id_ulp: 53231,
+ nama_ulp: 'ULP CIAMIS',
+ total: 4,
+ total_selesai: 1,
+ persen_selesai: 25,
+ total_inproses: 3,
+ persen_inproses: 75,
+ total_durasi_response: 6122,
+ avg_durasi_response: 1530.5,
+ min_durasi_response: 46,
+ max_durasi_response: 3024,
+ total_dibawah_sla_response: 2,
+ total_diatas_sla_response: 2,
+ total_durasi_recovery: 6269,
+ avg_durasi_recovery: 1567.25,
+ min_durasi_recovery: 73,
+ max_durasi_recovery: 3076,
+ total_dibawah_sla_recovery: 4,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 7,
+ nama_regional: 'REGIONAL JMB',
+ id_uid: 103,
+ nama_uid: 'DISTRIBUSI JAWA TIMUR',
+ id_up3: 157,
+ nama_up3: 'UP3 SURABAYA UTARA',
+ id_ulp: 51101,
+ nama_ulp: 'ULP INDRAPURA',
+ total: 7,
+ total_selesai: 6,
+ persen_selesai: 85.71428571428571,
+ total_inproses: 1,
+ persen_inproses: 14.285714285714285,
+ total_durasi_response: 34744,
+ avg_durasi_response: 5790.666666666667,
+ min_durasi_response: 55,
+ max_durasi_response: 11082,
+ total_dibawah_sla_response: 2,
+ total_diatas_sla_response: 4,
+ total_durasi_recovery: 36971,
+ avg_durasi_recovery: 5281.571428571428,
+ min_durasi_recovery: 149,
+ max_durasi_recovery: 11304,
+ total_dibawah_sla_recovery: 3,
+ total_diatas_sla_recovery: 4
+ },
+ {
+ id: 8,
+ nama_regional: 'REGIONAL SUMKAL',
+ id_uid: 131,
+ nama_uid: 'WILAYAH SUMATERA BARAT',
+ id_up3: 13100,
+ nama_up3: 'UP3 PADANG',
+ id_ulp: 13105,
+ nama_ulp: 'ULP LUBUK ALUNG',
+ total: 1,
+ total_selesai: 1,
+ persen_selesai: 100,
+ total_inproses: 0,
+ persen_inproses: 0,
+ total_durasi_response: 459,
+ avg_durasi_response: 459,
+ min_durasi_response: 459,
+ max_durasi_response: 459,
+ total_dibawah_sla_response: 1,
+ total_diatas_sla_response: 0,
+ total_durasi_recovery: 7494,
+ avg_durasi_recovery: 7494,
+ min_durasi_recovery: 7494,
+ max_durasi_recovery: 7494,
+ total_dibawah_sla_recovery: 0,
+ total_diatas_sla_recovery: 1
+ },
+ {
+ id: 9,
+ nama_regional: 'REGIONAL JMB',
+ id_uid: 103,
+ nama_uid: 'DISTRIBUSI JAWA TIMUR',
+ id_up3: 153,
+ nama_up3: 'UP3 SIDOARJO',
+ id_ulp: 51182,
+ nama_ulp: 'ULP PORONG',
+ total: 12,
+ total_selesai: 9,
+ persen_selesai: 75,
+ total_inproses: 3,
+ persen_inproses: 25,
+ total_durasi_response: 13677,
+ avg_durasi_response: 1139.75,
+ min_durasi_response: 42,
+ max_durasi_response: 4213,
+ total_dibawah_sla_response: 8,
+ total_diatas_sla_response: 4,
+ total_durasi_recovery: 74952,
+ avg_durasi_recovery: 6246,
+ min_durasi_recovery: 358,
+ max_durasi_recovery: 30185,
+ total_dibawah_sla_recovery: 6,
+ total_diatas_sla_recovery: 6
+ },
+ {
+ id: 10,
+ nama_regional: 'REGIONAL SUMKAL',
+ id_uid: 110,
+ nama_uid: 'WILAYAH ACEH',
+ id_up3: 111,
+ nama_up3: 'UP3 BANDA ACEH',
+ id_ulp: 11110,
+ nama_ulp: 'ULP KOTA MERDUATI',
+ total: 2,
+ total_selesai: 1,
+ persen_selesai: 50,
+ total_inproses: 1,
+ persen_inproses: 50,
+ total_durasi_response: 866,
+ avg_durasi_response: 433,
+ min_durasi_response: 323,
+ max_durasi_response: 543,
+ total_dibawah_sla_response: 2,
+ total_diatas_sla_response: 0,
+ total_durasi_recovery: 3186,
+ avg_durasi_recovery: 1593,
+ min_durasi_recovery: 917,
+ max_durasi_recovery: 2269,
+ total_dibawah_sla_recovery: 2,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 11,
+ nama_regional: 'REGIONAL SUMKAL',
+ id_uid: 110,
+ nama_uid: 'WILAYAH ACEH',
+ id_up3: 112,
+ nama_up3: 'UP3 LHOKSEUMAWE',
+ id_ulp: 11220,
+ nama_ulp: 'ULP LHOKSEUMAWE',
+ total: 3,
+ total_selesai: 0,
+ persen_selesai: 0,
+ total_inproses: 3,
+ persen_inproses: 100,
+ total_durasi_response: 6020,
+ avg_durasi_response: 2006.6666666666667,
+ min_durasi_response: 270,
+ max_durasi_response: 3526,
+ total_dibawah_sla_response: 1,
+ total_diatas_sla_response: 2,
+ total_durasi_recovery: 6125,
+ avg_durasi_recovery: 2041.6666666666667,
+ min_durasi_recovery: 321,
+ max_durasi_recovery: 3553,
+ total_dibawah_sla_recovery: 3,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 12,
+ nama_regional: 'REGIONAL SUMKAL',
+ id_uid: 171,
+ nama_uid: 'DISTRIBUSI LAMPUNG',
+ id_up3: 17171,
+ nama_up3: 'UP3 TANJUNGKARANG',
+ id_ulp: 17180,
+ nama_ulp: 'ULP TELUK BETUNG',
+ total: 7,
+ total_selesai: 2,
+ persen_selesai: 28.57142857142857,
+ total_inproses: 5,
+ persen_inproses: 71.42857142857143,
+ total_durasi_response: 2328,
+ avg_durasi_response: 388,
+ min_durasi_response: 92,
+ max_durasi_response: 866,
+ total_dibawah_sla_response: 6,
+ total_diatas_sla_response: 0,
+ total_durasi_recovery: 3159,
+ avg_durasi_recovery: 451.2857142857143,
+ min_durasi_recovery: 169,
+ max_durasi_recovery: 917,
+ total_dibawah_sla_recovery: 7,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 13,
+ nama_regional: 'REGIONAL JMB',
+ id_uid: 427,
+ nama_uid: 'DISTRIBUSI JAWA BARAT',
+ id_up3: 540,
+ nama_up3: 'UP3 GARUT',
+ id_ulp: 53293,
+ nama_ulp: 'ULP LELES',
+ total: 2,
+ total_selesai: 1,
+ persen_selesai: 50,
+ total_inproses: 1,
+ persen_inproses: 50,
+ total_durasi_response: 1870,
+ avg_durasi_response: 935,
+ min_durasi_response: 310,
+ max_durasi_response: 1560,
+ total_dibawah_sla_response: 1,
+ total_diatas_sla_response: 1,
+ total_durasi_recovery: 5002,
+ avg_durasi_recovery: 2501,
+ min_durasi_recovery: 1592,
+ max_durasi_recovery: 3410,
+ total_dibawah_sla_recovery: 2,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 14,
+ nama_regional: 'REGIONAL SULMAPANA',
+ id_uid: 32,
+ nama_uid: 'WILAYAH SULAWESI SELATAN, TENGGARA DAN BARAT',
+ id_up3: 32200,
+ nama_up3: 'UP3 WATAMPONE',
+ id_ulp: 32260,
+ nama_ulp: 'ULP ULOE',
+ total: 1,
+ total_selesai: 0,
+ persen_selesai: 0,
+ total_inproses: 1,
+ persen_inproses: 100,
+ total_durasi_response: 2074,
+ avg_durasi_response: 2074,
+ min_durasi_response: 2074,
+ max_durasi_response: 2074,
+ total_dibawah_sla_response: 0,
+ total_diatas_sla_response: 1,
+ total_durasi_recovery: 3031,
+ avg_durasi_recovery: 3031,
+ min_durasi_recovery: 3031,
+ max_durasi_recovery: 3031,
+ total_dibawah_sla_recovery: 1,
+ total_diatas_sla_recovery: 0
+ }
+ ]
}
})
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue
index 628c056..eb475f6 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue
@@ -51,6 +51,7 @@
css-class="custom-table-column"
data-field="no"
data-type="number"
+ cell-template="formatNumber"
/>
@@ -77,23 +79,37 @@
summary-type="sum"
display-format="Call PLN 123"
show-in-column="no"
- css-class="text-white"
+ css-class="text-white !text-left"
/>
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
{{ data.text }}
@@ -472,6 +488,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)
@@ -486,18 +503,19 @@ const closeDialogDataSelected = () => (dialogDataSelected.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
-const filterData = (params: any) => {
- const { onResult, onError, loading, refetch } = useQuery(
- queries.keluhan.rekap.rekapKeluhanBerdasarkanMedia,
- {
- 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.rekap.rekapKeluhanBerdasarkanMedia,
+ {
+ 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,
+ media: ''
+ }
+)
+const filterData = (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params
@@ -510,7 +528,8 @@ const filterData = (params: any) => {
: new Date().toISOString().slice(0, 10),
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
- idUp3: up3 ? up3.id : 0
+ idUp3: up3 ? up3.id : 0,
+ media: ''
})
onResult((queryResult) => {
@@ -531,9 +550,7 @@ const filterData = (params: any) => {
})
}
-const getDetail = () => {
- dataSub.value = dummyData.keluhan.rekap.rekapitulasiKeluhanBerdasarkanMedia
-}
+const getDetail = () => {}
const showDialogDataSelected = () => {
dialogDataSelected.value = true
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
index 50bbd42..e0241d2 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
@@ -53,7 +53,7 @@
caption="No"
cell-template="formatNumber"
/>
-
+ />
(dialogDataSelected.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
-const filterData = (params: any) => {
- const { onResult, onError, loading, refetch } = useQuery(
- queries.keluhan.rekap.keluhanPenyelesaianPerFungsiBIidang,
- {
- 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.rekap.keluhanPenyelesaianPerFungsiBIidang,
+ {
+ 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 ')
const { ulp, uid, up3 } = params
refetch({
@@ -874,7 +874,268 @@ const filters = ref({ groupBy: false })
onMounted(() => {
if (import.meta.env.DEV) {
- data.value = dummyData.keluhan.rekap.rekapitulasiKeluhanPenyelesaianPerFungsiBidang
+ data.value = [
+ {
+ "id": 0,
+ "nama_regional": "REGIONAL SUMKAL",
+ "id_uid": 131,
+ "nama_uid": "WILAYAH SUMATERA BARAT",
+ "id_up3": 13100,
+ "nama_up3": "UP3 PADANG",
+ "id_ulp": 13105,
+ "nama_ulp": "ULP LUBUK ALUNG",
+ "fungsi_bidang": "Proses PD/TD, belum ada realisasinya ",
+ "total": 1,
+ "total_selesai": 1,
+ "persen_selesai": 100,
+ "total_inproses": 0,
+ "persen_inproses": 0,
+ "avg_durasi_response": 983,
+ "min_durasi_response": 983,
+ "max_durasi_response": 983,
+ "total_dibawah_sla_response": 1,
+ "total_diatas_sla_response": 0,
+ "avg_durasi_recovery": 1373,
+ "min_durasi_recovery": 1373,
+ "max_durasi_recovery": 1373,
+ "total_dibawah_sla_recovery": 1,
+ "total_diatas_sla_recovery": 0
+ },
+ {
+ "id": 1,
+ "nama_regional": "REGIONAL SUMKAL",
+ "id_uid": 131,
+ "nama_uid": "WILAYAH SUMATERA BARAT",
+ "id_up3": 13100,
+ "nama_up3": "UP3 PADANG",
+ "id_ulp": 13107,
+ "nama_ulp": "ULP PAINAN",
+ "fungsi_bidang": "Drop Tegangan ",
+ "total": 1,
+ "total_selesai": 1,
+ "persen_selesai": 100,
+ "total_inproses": 0,
+ "persen_inproses": 0,
+ "avg_durasi_response": 2228,
+ "min_durasi_response": 2228,
+ "max_durasi_response": 2228,
+ "total_dibawah_sla_response": 0,
+ "total_diatas_sla_response": 1,
+ "avg_durasi_recovery": 2347,
+ "min_durasi_recovery": 2347,
+ "max_durasi_recovery": 2347,
+ "total_dibawah_sla_recovery": 1,
+ "total_diatas_sla_recovery": 0
+ },
+ {
+ "id": 2,
+ "nama_regional": "REGIONAL SUMKAL",
+ "id_uid": 131,
+ "nama_uid": "WILAYAH SUMATERA BARAT",
+ "id_up3": 13100,
+ "nama_up3": "UP3 PADANG",
+ "id_ulp": 13104,
+ "nama_ulp": "ULP PARIAMAN",
+ "fungsi_bidang": "Kondisi Jaringan Listrik ",
+ "total": 4,
+ "total_selesai": 3,
+ "persen_selesai": 75,
+ "total_inproses": 1,
+ "persen_inproses": 25,
+ "avg_durasi_response": 772.6666666666666,
+ "min_durasi_response": 171,
+ "max_durasi_response": 1701,
+ "total_dibawah_sla_response": 2,
+ "total_diatas_sla_response": 1,
+ "avg_durasi_recovery": 3476,
+ "min_durasi_recovery": 2824,
+ "max_durasi_recovery": 3968,
+ "total_dibawah_sla_recovery": 4,
+ "total_diatas_sla_recovery": 0
+ },
+ {
+ "id": 3,
+ "nama_regional": "REGIONAL SUMKAL",
+ "id_uid": 131,
+ "nama_uid": "WILAYAH SUMATERA BARAT",
+ "id_up3": 13100,
+ "nama_up3": "UP3 PADANG",
+ "id_ulp": 13103,
+ "nama_ulp": "ULP INDARUNG",
+ "fungsi_bidang": "Alat Pembatas tidak berfungsi ",
+ "total": 25,
+ "total_selesai": 15,
+ "persen_selesai": 60,
+ "total_inproses": 10,
+ "persen_inproses": 40,
+ "avg_durasi_response": 1419,
+ "min_durasi_response": 109,
+ "max_durasi_response": 4384,
+ "total_dibawah_sla_response": 10,
+ "total_diatas_sla_response": 5,
+ "avg_durasi_recovery": 4791.6,
+ "min_durasi_recovery": 10,
+ "max_durasi_recovery": 21118,
+ "total_dibawah_sla_recovery": 17,
+ "total_diatas_sla_recovery": 8
+ },
+ {
+ "id": 4,
+ "nama_regional": "REGIONAL SUMKAL",
+ "id_uid": 131,
+ "nama_uid": "WILAYAH SUMATERA BARAT",
+ "id_up3": 13100,
+ "nama_up3": "UP3 PADANG",
+ "id_ulp": 13105,
+ "nama_ulp": "ULP LUBUK ALUNG",
+ "fungsi_bidang": "PD",
+ "total": 2,
+ "total_selesai": 2,
+ "persen_selesai": 100,
+ "total_inproses": 0,
+ "persen_inproses": 0,
+ "avg_durasi_response": 8920.5,
+ "min_durasi_response": 790,
+ "max_durasi_response": 17051,
+ "total_dibawah_sla_response": 1,
+ "total_diatas_sla_response": 1,
+ "avg_durasi_recovery": 13781.5,
+ "min_durasi_recovery": 6068,
+ "max_durasi_recovery": 21495,
+ "total_dibawah_sla_recovery": 0,
+ "total_diatas_sla_recovery": 2
+ },
+ {
+ "id": 5,
+ "nama_regional": "REGIONAL SUMKAL",
+ "id_uid": 131,
+ "nama_uid": "WILAYAH SUMATERA BARAT",
+ "id_up3": 13100,
+ "nama_up3": "UP3 PADANG",
+ "id_ulp": 13106,
+ "nama_ulp": "ULP SICINCIN",
+ "fungsi_bidang": "Alat Pembatas tidak berfungsi ",
+ "total": 11,
+ "total_selesai": 0,
+ "persen_selesai": 0,
+ "total_inproses": 11,
+ "persen_inproses": 100,
+ "avg_durasi_response": 828.25,
+ "min_durasi_response": 387,
+ "max_durasi_response": 1237,
+ "total_dibawah_sla_response": 4,
+ "total_diatas_sla_response": 0,
+ "avg_durasi_recovery": 2622.181818181818,
+ "min_durasi_recovery": 480,
+ "max_durasi_recovery": 15205,
+ "total_dibawah_sla_recovery": 10,
+ "total_diatas_sla_recovery": 1
+ },
+ {
+ "id": 6,
+ "nama_regional": "REGIONAL SUMKAL",
+ "id_uid": 131,
+ "nama_uid": "WILAYAH SUMATERA BARAT",
+ "id_up3": 13100,
+ "nama_up3": "UP3 PADANG",
+ "id_ulp": 13103,
+ "nama_ulp": "ULP INDARUNG",
+ "fungsi_bidang": "Tidak bisa beli Token ",
+ "total": 1,
+ "total_selesai": 1,
+ "persen_selesai": 100,
+ "total_inproses": 0,
+ "persen_inproses": 0,
+ "avg_durasi_response": 5442,
+ "min_durasi_response": 5442,
+ "max_durasi_response": 5442,
+ "total_dibawah_sla_response": 0,
+ "total_diatas_sla_response": 1,
+ "avg_durasi_recovery": 9759,
+ "min_durasi_recovery": 9759,
+ "max_durasi_recovery": 9759,
+ "total_dibawah_sla_recovery": 0,
+ "total_diatas_sla_recovery": 1
+ },
+ {
+ "id": 7,
+ "nama_regional": "REGIONAL SUMKAL",
+ "id_uid": 131,
+ "nama_uid": "WILAYAH SUMATERA BARAT",
+ "id_up3": 13100,
+ "nama_up3": "UP3 PADANG",
+ "id_ulp": 13102,
+ "nama_ulp": "ULP TABING",
+ "fungsi_bidang": "Kondisi Jaringan Listrik ",
+ "total": 13,
+ "total_selesai": 4,
+ "persen_selesai": 30.76923076923077,
+ "total_inproses": 9,
+ "persen_inproses": 69.23076923076923,
+ "avg_durasi_response": 5249.461538461538,
+ "min_durasi_response": 300,
+ "max_durasi_response": 22739,
+ "total_dibawah_sla_response": 5,
+ "total_diatas_sla_response": 8,
+ "avg_durasi_recovery": 7872.384615384615,
+ "min_durasi_recovery": 594,
+ "max_durasi_recovery": 32933,
+ "total_dibawah_sla_recovery": 7,
+ "total_diatas_sla_recovery": 6
+ },
+ {
+ "id": 8,
+ "nama_regional": "REGIONAL SUMKAL",
+ "id_uid": 131,
+ "nama_uid": "WILAYAH SUMATERA BARAT",
+ "id_up3": 13100,
+ "nama_up3": "UP3 PADANG",
+ "id_ulp": 13102,
+ "nama_ulp": "ULP TABING",
+ "fungsi_bidang": "PTL Sering Padam ",
+ "total": 1,
+ "total_selesai": 0,
+ "persen_selesai": 0,
+ "total_inproses": 1,
+ "persen_inproses": 100,
+ "avg_durasi_response": 28613,
+ "min_durasi_response": 28613,
+ "max_durasi_response": 28613,
+ "total_dibawah_sla_response": 0,
+ "total_diatas_sla_response": 1,
+ "avg_durasi_recovery": 37937,
+ "min_durasi_recovery": 37937,
+ "max_durasi_recovery": 37937,
+ "total_dibawah_sla_recovery": 0,
+ "total_diatas_sla_recovery": 1
+ },
+ {
+ "id": 9,
+ "nama_regional": "REGIONAL SUMKAL",
+ "id_uid": 131,
+ "nama_uid": "WILAYAH SUMATERA BARAT",
+ "id_up3": 13100,
+ "nama_up3": "UP3 PADANG",
+ "id_ulp": 13112,
+ "nama_ulp": "ULP KURANJI",
+ "fungsi_bidang": "Alat Ukur Paskabayar tidak berfungsi ",
+ "total": 1,
+ "total_selesai": 1,
+ "persen_selesai": 100,
+ "total_inproses": 0,
+ "persen_inproses": 0,
+ "avg_durasi_response": 2264,
+ "min_durasi_response": 2264,
+ "max_durasi_response": 2264,
+ "total_dibawah_sla_response": 0,
+ "total_diatas_sla_response": 1,
+ "avg_durasi_recovery": 3300,
+ "min_durasi_recovery": 3300,
+ "max_durasi_recovery": 3300,
+ "total_dibawah_sla_recovery": 1,
+ "total_diatas_sla_recovery": 0
+ },
+ ]
}
})
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue
index 962310a..b657310 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue
@@ -249,7 +249,6 @@
show-in-column="no"
css-class="text-white !text-right"
:show-in-group-footer="true"
- :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
(dialogDataSelected.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
-const filterData = (params: any) => {
- const { onResult, onError, loading, refetch } = useQuery(
- queries.keluhan.rekap.keluhanPerJenisKeluhan,
- {
- 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.rekap.keluhanPerJenisKeluhan,
+ {
+ 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 ')
const { ulp, uid, up3 } = params
@@ -974,7 +970,7 @@ const filterData = (params: any) => {
}
const getDetail = () => {
- dataSub.value = dummyData.keluhan.rekap.rekapitulasiKeluhanPerJenisKeluhan
+ // dataSub.value = dummyData.keluhan.rekap.rekapitulasiKeluhanPerJenisKeluhan
}
const showDialogDataSelected = () => {
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue
index 3343b21..2fc71c9 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue
@@ -51,6 +51,7 @@
data-type="number"
data-field="no"
caption="No"
+ cell-template="formatNumber"
/>
+ />
@@ -114,7 +116,7 @@
data-type="number"
caption="%"
css-class="custom-table-column"
- cell-templete="percent"
+ cell-template="formatNumber"
/>
@@ -127,6 +129,7 @@
data-type="number"
caption="Total"
css-class="custom-table-column"
+ cell-template="formatNumber"
/>
@@ -163,6 +167,7 @@
data-type="number"
caption=">SLA"
css-class="custom-table-column"
+ cell-template="formatNumber"
/>
@@ -183,6 +189,7 @@
data-type="number"
caption="Total"
css-class="custom-table-column"
+ cell-template="formatNumber"
/>
@@ -219,6 +227,7 @@
data-type="number"
caption=">SLA"
css-class="custom-table-column"
+ cell-template="formatNumber"
/>
@@ -236,236 +246,270 @@
summary-type="sum"
display-format="Total"
show-in-column="no"
- css-class="text-white"
+ css-class="!text-left"
:show-in-group-footer="true"
/>
@@ -475,8 +519,16 @@
-
- {{ data.text }}%
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
@@ -497,7 +549,7 @@
(dialogDataSelected.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
-const filterData = (params: any) => {
- const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.rekap.keluhanPerUnit, {
- 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.rekap.keluhanPerUnit, {
+ 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 ')
const { ulp, uid, up3 } = params
@@ -915,7 +965,7 @@ const filterData = (params: any) => {
}
const getDetail = () => {
- dataSub.value = dummyData.keluhan.rekap.rekapitulasiKeluhanPerUnit
+ // dataSub.value = dummyData.keluhan.rekap.rekapitulasiKeluhanPerUnit
}
const showDialogDataSelected = () => {
@@ -969,7 +1019,413 @@ const filters = ref()
onMounted(() => {
if (import.meta.env.DEV) {
- data.value = dummyData.keluhan.rekap.rekapitulasiKeluhanPerUnit
+ data.value = [
+ {
+ id: 0,
+ nama_regional: 'REGIONAL SUMKAL',
+ id_uid: 120,
+ nama_uid: 'WILAYAH SUMATERA UTARA',
+ id_up3: 12100,
+ nama_up3: 'UP3 PEMATANG SIANTAR',
+ id_ulp: 12102,
+ nama_ulp: 'ULP LIMA PULUH',
+ total: 11,
+ total_selesai: 1,
+ persen_selesai: 9.090909090909092,
+ total_inproses: 10,
+ persen_inproses: 90.9090909090909,
+ total_durasi_response: 10193,
+ avg_durasi_response: 1019.3,
+ min_durasi_response: 379,
+ max_durasi_response: 1782,
+ total_dibawah_sla_response: 7,
+ total_diatas_sla_response: 3,
+ total_durasi_recovery: 13701,
+ avg_durasi_recovery: 1245.5454545454545,
+ min_durasi_recovery: 388,
+ max_durasi_recovery: 2501,
+ total_dibawah_sla_recovery: 11,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 1,
+ nama_regional: 'REGIONAL SULMAPANA',
+ id_uid: 41,
+ nama_uid: 'WILAYAH MALUKU DAN MALUKU UTARA',
+ id_up3: 412,
+ nama_up3: 'UP3 TERNATE',
+ id_ulp: 41230,
+ nama_ulp: 'ULP BACAN',
+ total: 6,
+ total_selesai: 4,
+ persen_selesai: 66.66666666666666,
+ total_inproses: 2,
+ persen_inproses: 33.33333333333333,
+ total_durasi_response: 7291,
+ avg_durasi_response: 1458.2,
+ min_durasi_response: 308,
+ max_durasi_response: 2736,
+ total_dibawah_sla_response: 2,
+ total_diatas_sla_response: 3,
+ total_durasi_recovery: 19860,
+ avg_durasi_recovery: 3310,
+ min_durasi_recovery: 2152,
+ max_durasi_recovery: 6176,
+ total_dibawah_sla_recovery: 5,
+ total_diatas_sla_recovery: 1
+ },
+ {
+ id: 2,
+ nama_regional: 'REGIONAL JMB',
+ id_uid: 101,
+ nama_uid: 'DISTRIBUSI JAWA TENGAH & DIY',
+ id_up3: 52150,
+ nama_up3: 'UP3 MAGELANG',
+ id_ulp: 52156,
+ nama_ulp: 'ULP PARAKAN',
+ total: 56,
+ total_selesai: 15,
+ persen_selesai: 26.785714285714285,
+ total_inproses: 41,
+ persen_inproses: 73.21428571428571,
+ total_durasi_response: 145058,
+ avg_durasi_response: 3086.340425531915,
+ min_durasi_response: 459,
+ max_durasi_response: 8933,
+ total_dibawah_sla_response: 11,
+ total_diatas_sla_response: 36,
+ total_durasi_recovery: 204948,
+ avg_durasi_recovery: 3659.785714285714,
+ min_durasi_recovery: 1,
+ max_durasi_recovery: 15497,
+ total_dibawah_sla_recovery: 43,
+ total_diatas_sla_recovery: 13
+ },
+ {
+ id: 3,
+ nama_regional: 'REGIONAL SULMAPANA',
+ id_uid: 31,
+ nama_uid: 'WILAYAH SULAWESI UTARA,TENGAH DAN GORONTALO',
+ id_up3: 31500,
+ nama_up3: 'UP3 TOLITOLI',
+ id_ulp: 31530,
+ nama_ulp: 'ULP BANGKIR',
+ total: 56,
+ total_selesai: 23,
+ persen_selesai: 41.07142857142857,
+ total_inproses: 33,
+ persen_inproses: 58.92857142857143,
+ total_durasi_response: 14809,
+ avg_durasi_response: 643.8695652173913,
+ min_durasi_response: 63,
+ max_durasi_response: 6694,
+ total_dibawah_sla_response: 22,
+ total_diatas_sla_response: 1,
+ total_durasi_recovery: 63412,
+ avg_durasi_recovery: 1132.357142857143,
+ min_durasi_recovery: 76,
+ max_durasi_recovery: 6815,
+ total_dibawah_sla_recovery: 52,
+ total_diatas_sla_recovery: 4
+ },
+ {
+ id: 4,
+ nama_regional: 'REGIONAL JMB',
+ id_uid: 103,
+ nama_uid: 'DISTRIBUSI JAWA TIMUR',
+ id_up3: 154,
+ nama_up3: 'UP3 SITUBONDO',
+ id_ulp: 51654,
+ nama_ulp: 'ULP WONOSARI',
+ total: 92,
+ total_selesai: 0,
+ persen_selesai: 0,
+ total_inproses: 92,
+ persen_inproses: 100,
+ total_durasi_response: 201431,
+ avg_durasi_response: 2426.879518072289,
+ min_durasi_response: 14,
+ max_durasi_response: 22160,
+ total_dibawah_sla_response: 54,
+ total_diatas_sla_response: 29,
+ total_durasi_recovery: 856596,
+ avg_durasi_recovery: 9310.826086956522,
+ min_durasi_recovery: 0,
+ max_durasi_recovery: 74239,
+ total_dibawah_sla_recovery: 49,
+ total_diatas_sla_recovery: 43
+ },
+ {
+ id: 5,
+ nama_regional: 'REGIONAL SUMKAL',
+ id_uid: 110,
+ nama_uid: 'WILAYAH ACEH',
+ id_up3: 116,
+ nama_up3: 'UP3 SIGLI',
+ id_ulp: 11662,
+ nama_ulp: 'ULP MEUREUDU',
+ total: 8,
+ total_selesai: 0,
+ persen_selesai: 0,
+ total_inproses: 8,
+ persen_inproses: 100,
+ total_durasi_response: 3766,
+ avg_durasi_response: 470.75,
+ min_durasi_response: 99,
+ max_durasi_response: 1322,
+ total_dibawah_sla_response: 8,
+ total_diatas_sla_response: 0,
+ total_durasi_recovery: 4463,
+ avg_durasi_recovery: 557.875,
+ min_durasi_recovery: 132,
+ max_durasi_recovery: 1390,
+ total_dibawah_sla_recovery: 8,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 6,
+ nama_regional: 'REGIONAL JMB',
+ id_uid: 287,
+ nama_uid: 'DISTRIBUSI BALI',
+ id_up3: 329,
+ nama_up3: 'UP3 BALI UTARA',
+ id_ulp: 55340,
+ nama_ulp: 'ULP GILIMANUK',
+ total: 47,
+ total_selesai: 19,
+ persen_selesai: 40.42553191489361,
+ total_inproses: 28,
+ persen_inproses: 59.57446808510638,
+ total_durasi_response: 47015,
+ avg_durasi_response: 1000.3191489361702,
+ min_durasi_response: 22,
+ max_durasi_response: 14684,
+ total_dibawah_sla_response: 42,
+ total_diatas_sla_response: 5,
+ total_durasi_recovery: 74421,
+ avg_durasi_recovery: 1583.4255319148936,
+ min_durasi_recovery: 257,
+ max_durasi_recovery: 14769,
+ total_dibawah_sla_recovery: 44,
+ total_diatas_sla_recovery: 3
+ },
+ {
+ id: 7,
+ nama_regional: null,
+ id_uid: 0,
+ nama_uid: '',
+ id_up3: 0,
+ nama_up3: '',
+ id_ulp: 22450,
+ nama_ulp: 'ULP PANGKALAN BUN',
+ total: 167,
+ total_selesai: 0,
+ persen_selesai: 0,
+ total_inproses: 167,
+ persen_inproses: 100,
+ total_durasi_response: 118469,
+ avg_durasi_response: 789.7933333333333,
+ min_durasi_response: 52,
+ max_durasi_response: 3752,
+ total_dibawah_sla_response: 135,
+ total_diatas_sla_response: 15,
+ total_durasi_recovery: 173448,
+ avg_durasi_recovery: 1038.6107784431138,
+ min_durasi_recovery: 0,
+ max_durasi_recovery: 3793,
+ total_dibawah_sla_recovery: 167,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 8,
+ nama_regional: 'REGIONAL SUMKAL',
+ id_uid: 131,
+ nama_uid: 'WILAYAH SUMATERA BARAT',
+ id_up3: 13300,
+ nama_up3: 'UP3 SOLOK',
+ id_ulp: 13334,
+ nama_ulp: 'ULP SILUNGKANG',
+ total: 1,
+ total_selesai: 0,
+ persen_selesai: 0,
+ total_inproses: 1,
+ persen_inproses: 100,
+ total_durasi_response: 5118,
+ avg_durasi_response: 5118,
+ min_durasi_response: 5118,
+ max_durasi_response: 5118,
+ total_dibawah_sla_response: 0,
+ total_diatas_sla_response: 1,
+ total_durasi_recovery: 5696,
+ avg_durasi_recovery: 5696,
+ min_durasi_recovery: 5696,
+ max_durasi_recovery: 5696,
+ total_dibawah_sla_recovery: 0,
+ total_diatas_sla_recovery: 1
+ },
+ {
+ id: 9,
+ nama_regional: 'REGIONAL SUMKAL',
+ id_uid: 221,
+ nama_uid: 'WILAYAH KALIMANTAN SELATAN DAN TENGAH',
+ id_up3: 2220,
+ nama_up3: 'UP3 BARABAI',
+ id_ulp: 22230,
+ nama_ulp: 'ULP AMUNTAI',
+ total: 48,
+ total_selesai: 4,
+ persen_selesai: 8.333333333333332,
+ total_inproses: 44,
+ persen_inproses: 91.66666666666666,
+ total_durasi_response: 25050,
+ avg_durasi_response: 532.9787234042553,
+ min_durasi_response: 58,
+ max_durasi_response: 2352,
+ total_dibawah_sla_response: 44,
+ total_diatas_sla_response: 3,
+ total_durasi_recovery: 49151,
+ avg_durasi_recovery: 1023.9791666666666,
+ min_durasi_recovery: 129,
+ max_durasi_recovery: 2853,
+ total_dibawah_sla_recovery: 48,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 10,
+ nama_regional: 'REGIONAL SULMAPANA',
+ id_uid: 31,
+ nama_uid: 'WILAYAH SULAWESI UTARA,TENGAH DAN GORONTALO',
+ id_up3: 31700,
+ nama_up3: 'UP3 KOTAMOBAGU',
+ id_ulp: 31730,
+ nama_ulp: 'ULP MODAYAG',
+ total: 21,
+ total_selesai: 11,
+ persen_selesai: 52.38095238095239,
+ total_inproses: 10,
+ persen_inproses: 47.61904761904761,
+ total_durasi_response: 11456,
+ avg_durasi_response: 716,
+ min_durasi_response: 126,
+ max_durasi_response: 2376,
+ total_dibawah_sla_response: 13,
+ total_diatas_sla_response: 3,
+ total_durasi_recovery: 30489,
+ avg_durasi_recovery: 1451.857142857143,
+ min_durasi_recovery: 0,
+ max_durasi_recovery: 3482,
+ total_dibawah_sla_recovery: 21,
+ total_diatas_sla_recovery: 0
+ },
+ {
+ id: 11,
+ nama_regional: 'REGIONAL JMB',
+ id_uid: 427,
+ nama_uid: 'DISTRIBUSI JAWA BARAT',
+ id_up3: 546,
+ nama_up3: 'UP3 TASIKMALAYA',
+ id_ulp: 53231,
+ nama_ulp: 'ULP CIAMIS',
+ total: 123,
+ total_selesai: 16,
+ persen_selesai: 13.008130081300814,
+ total_inproses: 107,
+ persen_inproses: 86.99186991869918,
+ total_durasi_response: 476405,
+ avg_durasi_response: 5881.543209876543,
+ min_durasi_response: 46,
+ max_durasi_response: 41257,
+ total_dibawah_sla_response: 21,
+ total_diatas_sla_response: 60,
+ total_durasi_recovery: 1177396,
+ avg_durasi_recovery: 9572.325203252032,
+ min_durasi_recovery: 0,
+ max_durasi_recovery: 45912,
+ total_dibawah_sla_recovery: 57,
+ total_diatas_sla_recovery: 66
+ },
+ {
+ id: 12,
+ nama_regional: 'REGIONAL JMB',
+ id_uid: 103,
+ nama_uid: 'DISTRIBUSI JAWA TIMUR',
+ id_up3: 157,
+ nama_up3: 'UP3 SURABAYA UTARA',
+ id_ulp: 51101,
+ nama_ulp: 'ULP INDRAPURA',
+ total: 139,
+ total_selesai: 131,
+ persen_selesai: 94.24460431654677,
+ total_inproses: 8,
+ persen_inproses: 5.755395683453238,
+ total_durasi_response: 491177,
+ avg_durasi_response: 3749.442748091603,
+ min_durasi_response: 18,
+ max_durasi_response: 20546,
+ total_dibawah_sla_response: 51,
+ total_diatas_sla_response: 80,
+ total_durasi_recovery: 775066,
+ avg_durasi_recovery: 5576.014388489209,
+ min_durasi_recovery: 1,
+ max_durasi_recovery: 49206,
+ total_dibawah_sla_recovery: 78,
+ total_diatas_sla_recovery: 61
+ },
+ {
+ id: 13,
+ nama_regional: 'REGIONAL SULMAPANA',
+ id_uid: 41,
+ nama_uid: 'WILAYAH MALUKU DAN MALUKU UTARA',
+ id_up3: 414,
+ nama_up3: 'UP3 MASOHI',
+ id_ulp: 41430,
+ nama_ulp: 'ULP MASOHI',
+ total: 19,
+ total_selesai: 17,
+ persen_selesai: 89.47368421052632,
+ total_inproses: 2,
+ persen_inproses: 10.526315789473683,
+ total_durasi_response: 18570,
+ avg_durasi_response: 1092.3529411764705,
+ min_durasi_response: 480,
+ max_durasi_response: 2337,
+ total_dibawah_sla_response: 13,
+ total_diatas_sla_response: 4,
+ total_durasi_recovery: 41850,
+ avg_durasi_recovery: 2202.6315789473683,
+ min_durasi_recovery: 22,
+ max_durasi_recovery: 4386,
+ total_dibawah_sla_recovery: 18,
+ total_diatas_sla_recovery: 1
+ },
+ {
+ id: 14,
+ nama_regional: 'REGIONAL SUMKAL',
+ id_uid: 131,
+ nama_uid: 'WILAYAH SUMATERA BARAT',
+ id_up3: 13100,
+ nama_up3: 'UP3 PADANG',
+ id_ulp: 13105,
+ nama_ulp: 'ULP LUBUK ALUNG',
+ total: 67,
+ total_selesai: 56,
+ persen_selesai: 83.5820895522388,
+ total_inproses: 11,
+ persen_inproses: 16.417910447761194,
+ total_durasi_response: 67996,
+ avg_durasi_response: 1214.2142857142858,
+ min_durasi_response: 45,
+ max_durasi_response: 17051,
+ total_dibawah_sla_response: 48,
+ total_diatas_sla_response: 8,
+ total_durasi_recovery: 546970,
+ avg_durasi_recovery: 8163.731343283582,
+ min_durasi_recovery: 0,
+ max_durasi_recovery: 221267,
+ total_dibawah_sla_recovery: 40,
+ total_diatas_sla_recovery: 27
+ }
+ ]
}
})
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue
index 7ce3bd8..b22ccea 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue
@@ -1,67 +1,196 @@
-
+
-
+
-
+
-
+
-
-
-
+
+
+
-
+
-
-
+
+
-
-
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
+
+
@@ -128,13 +257,16 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
}
const data = ref([])
-const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.rekap.keluhanPerRatingUnit, {
- 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.rekap.keluhanPerRatingUnit,
+ {
+ 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) => {
@@ -164,4 +296,4 @@ const filterData = (params: any) => {
console.log(error)
})
}
-
\ No newline at end of file
+
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue
index e591482..e06c867 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue
@@ -1,44 +1,200 @@
-
-
+
+
-
+
-
+
-
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
+
+
+ {{ data.text }}
+
+
-
+
-
+
-
+
-
+
-
-
-
+
+
+
-
-
-
+
+
+
-
- {{ data.text }}%
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
+
+ {{ data.text }}
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
-
+
-
+
-
+
-
-
-
+
+
+
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
+
+
+ {{ data.text }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ data.text }}
+
+
+
+
+
+ {{ data.text }}
+
+
+
+
+
+ {{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
+
+
+
+
+
+
+
+
No Laporan:
+
+
+
+
+
UID/UIW:
+
+
+
+
+
UP3:
+
+
+
+
+
ULP:
+
+
+
+
+
ID Pelanggan:
+
+
+
+
+
Nama Pelapor:
+
+
+
+
+
Alamat Pelapor:
+
+
+
+
+
No Telp Pelapor:
+
+
+
+
+
Keterangan Pelapor:
+
+
+
+
+
Penyebab:
+
+
+
+
+
Kode Gangguan:
+
+
+
+
+
Jenis Gangguan:
+
+
+
+
+
Durasi Response Time:
+
+
+
+
+
Durasi Recoery Time:
+
+
+
+
+
Tgl Lapor:
+
+
+
+
+
Tgl Selesai:
+
+
+
+
-
+
-
+
-
+
-
-
-
-
-
+
+
+
+
+
-
-
- {{ data.text }}%
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
+
+
+ {{ data.text }}
@@ -38,7 +137,7 @@
\ No newline at end of file
+onMounted(() => {
+ if (import.meta.env.DEV) {
+ data.value = [
+ {
+ id: 0,
+ id_jenis_gangguan: 3,
+ nama_jenis_gangguan: 'Tidak Tahu Tetangga Padam Atau Tidak',
+ jumlah: 41676,
+ persen: 3.6166346449231215
+ },
+ {
+ id: 1,
+ id_jenis_gangguan: 2,
+ nama_jenis_gangguan: 'Tetangga Tidak Turut Padam',
+ jumlah: 962996,
+ persen: 83.56859335162652
+ },
+ {
+ id: 2,
+ id_jenis_gangguan: 1,
+ nama_jenis_gangguan: 'Tetangga Turut Padam',
+ jumlah: 147670,
+ persen: 12.814772003450365
+ }
+ ]
+ }
+})
+
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue
index 0eacb72..1e05f4c 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue
@@ -1,78 +1,341 @@
-
+
-
+
-
+
-
+
-
-
-
+
+
+
+
+
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
+
+
+ {{ data.text }}
+
+
-
+
-
+
-
+
-
-
-
-
+
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
+
+
+ {{ data.text }}
+
+
-
+
+
-
+
-
+
-
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
- {{ data.text }}%
+
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
+
+ {{ data.text }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
-
+
-
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
+
+
+ {{ data.text }}
+
+
-
+
-
+
-
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
+
+
+ {{ data.text }}
+
+
-
+
-
+
-
+
-
-
-
-
-
-
- {{ data.text }}%
-
+
+
+
+
+
+ {{ data.text }}%
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue
index 1b2a429..db4c887 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue
@@ -1,97 +1,368 @@
-
-
+
+
+
-
+
-
+
-
+
-
-
-
+
+
+
+
+
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
+
+
+ {{ data.text }}
+
+
-
+
-
+
-
+
-
+
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
- {{ data.text }}%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
+
+
+ {{ data.text }}
+
-
+
-
+
-
+
-
-
+
+
+
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
- {{ data.text }}%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
+
+
+ {{ data.text }}
+
-
+
-
+
-
+
-
-
+
+
+
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
- {{ data.text }}%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ isNumber(data.text)
+ ? data.column.caption == '%'
+ ? formatPercentage(data.text)
+ : formatNumber(data.text)
+ : data.text
+ }}
+
+
+
+
+
+ {{ data.text }}
+