fix: report in monalisa laporan kumulatif
This commit is contained in:
parent
32ab43aaf1
commit
0eed5109c5
@ -1,17 +1,4 @@
|
|||||||
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||||
import {
|
|
||||||
Document,
|
|
||||||
AlignmentType,
|
|
||||||
Packer,
|
|
||||||
Paragraph,
|
|
||||||
Table,
|
|
||||||
TableCell,
|
|
||||||
TableRow,
|
|
||||||
VerticalAlign,
|
|
||||||
TextRun,
|
|
||||||
WidthType,
|
|
||||||
PageOrientation
|
|
||||||
} from 'docx'
|
|
||||||
import { saveAs } from 'file-saver'
|
import { saveAs } from 'file-saver'
|
||||||
import { jsPDF } from 'jspdf'
|
import { jsPDF } from 'jspdf'
|
||||||
import autoTable from 'jspdf-autotable'
|
import autoTable from 'jspdf-autotable'
|
||||||
@ -24,9 +11,46 @@ import { exportToWord } from './doc/MonalisaLK_AgingComplaint_DOC'
|
|||||||
const reportName = 'Aging Complaint'
|
const reportName = 'Aging Complaint'
|
||||||
const fontSize = 5
|
const fontSize = 5
|
||||||
|
|
||||||
const groupingData = (data: any) => {
|
const getGroupParent = (reportMeta: any) => {
|
||||||
|
if (reportMeta.ulp.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.ulp.name,
|
||||||
|
summaryName: reportMeta.ulp.name,
|
||||||
|
summaryKey: 'nama_ulp'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (reportMeta.up3.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.up3.name,
|
||||||
|
summaryName: reportMeta.up3.name,
|
||||||
|
summaryKey: 'nama_up3'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (reportMeta.uid.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.uid.name,
|
||||||
|
summaryName: reportMeta.uid.name,
|
||||||
|
summaryKey: 'nama_uid'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.regional.name,
|
||||||
|
summaryName: reportMeta.regional.name,
|
||||||
|
summaryKey: 'nama_regional'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
|
||||||
|
const groupingData = (data: any, reportMeta: any) => {
|
||||||
const groupedData: any = {}
|
const groupedData: any = {}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id == 0) {
|
||||||
data.forEach((item: any) => {
|
data.forEach((item: any) => {
|
||||||
const { nama_regional } = item
|
const { nama_regional } = item
|
||||||
|
|
||||||
@ -68,10 +92,36 @@ const groupingData = (data: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return groupedData
|
return groupedData
|
||||||
|
} else {
|
||||||
|
const groupParent = getGroupParent(reportMeta)
|
||||||
|
|
||||||
|
if (groupParent === '') {
|
||||||
|
return {
|
||||||
|
data,
|
||||||
|
parent: '',
|
||||||
|
summaryName: ''
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const formatData = (rawData: any) => {
|
data.forEach((item: any) => {
|
||||||
const data = groupingData(rawData)
|
const group = item[groupParent.summaryKey]
|
||||||
|
|
||||||
|
if (!groupedData[group]) {
|
||||||
|
groupedData[group] = []
|
||||||
|
}
|
||||||
|
|
||||||
|
groupedData[group].push(item)
|
||||||
|
})
|
||||||
|
|
||||||
|
return {
|
||||||
|
data: groupedData,
|
||||||
|
parent: groupParent.parent,
|
||||||
|
summaryName: groupParent.summaryName
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const formatData = (rawData: any, reportMeta: any) => {
|
||||||
const formattedData: any = []
|
const formattedData: any = []
|
||||||
|
|
||||||
const total: any = {
|
const total: any = {
|
||||||
@ -84,6 +134,10 @@ const formatData = (rawData: any) => {
|
|||||||
avg_aging_complaint: []
|
avg_aging_complaint: []
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id == 0) {
|
||||||
|
const data = groupingData(rawData, reportMeta)
|
||||||
|
const formattedData: any = []
|
||||||
|
|
||||||
formattedData.push([{ content: 'NASIONAL', colSpan: 8, styles: { fontStyle: 'bold' } }])
|
formattedData.push([{ content: 'NASIONAL', colSpan: 8, styles: { fontStyle: 'bold' } }])
|
||||||
|
|
||||||
for (const regional in data) {
|
for (const regional in data) {
|
||||||
@ -93,7 +147,8 @@ const formatData = (rawData: any) => {
|
|||||||
summary.avg_durasi_recovery_gangguan.reduce((a: number, b: number) => a + b, 0) /
|
summary.avg_durasi_recovery_gangguan.reduce((a: number, b: number) => a + b, 0) /
|
||||||
summary.avg_durasi_recovery_gangguan.length
|
summary.avg_durasi_recovery_gangguan.length
|
||||||
const sla_gangguan =
|
const sla_gangguan =
|
||||||
summary.sla_gangguan.reduce((a: number, b: number) => a + b, 0) / summary.sla_gangguan.length
|
summary.sla_gangguan.reduce((a: number, b: number) => a + b, 0) /
|
||||||
|
summary.sla_gangguan.length
|
||||||
const avg_durasi_recovery_keluhan =
|
const avg_durasi_recovery_keluhan =
|
||||||
summary.avg_durasi_recovery_keluhan.reduce((a: number, b: number) => a + b, 0) /
|
summary.avg_durasi_recovery_keluhan.reduce((a: number, b: number) => a + b, 0) /
|
||||||
summary.avg_durasi_recovery_keluhan.length
|
summary.avg_durasi_recovery_keluhan.length
|
||||||
@ -160,6 +215,63 @@ const formatData = (rawData: any) => {
|
|||||||
])
|
])
|
||||||
|
|
||||||
return formattedData
|
return formattedData
|
||||||
|
} else {
|
||||||
|
const tempData = groupingData(rawData, reportMeta)
|
||||||
|
const data = tempData.data[tempData.summaryName] || tempData.data
|
||||||
|
const formattedData: any = []
|
||||||
|
|
||||||
|
let parentName = tempData.parent
|
||||||
|
let summaryName = tempData.summaryName ? tempData.summaryName : 'Seluruh Unit'
|
||||||
|
|
||||||
|
data.forEach((item: any) => {
|
||||||
|
total.avg_durasi_recovery_gangguan.push(item.avg_durasi_recovery_gangguan)
|
||||||
|
total.sla_gangguan.push(item.sla_gangguan)
|
||||||
|
total.avg_durasi_recovery_keluhan.push(item.avg_durasi_recovery_keluhan)
|
||||||
|
total.sla_keluhan.push(item.sla_keluhan)
|
||||||
|
total.aging_complaint_gangguan.push(item.aging_complaint_gangguan)
|
||||||
|
total.aging_complaint_keluhan.push(item.aging_complaint_keluhan)
|
||||||
|
total.avg_aging_complaint.push(item.avg_aging_complaint)
|
||||||
|
})
|
||||||
|
|
||||||
|
formattedData.push([{ content: parentName, colSpan: 8, styles: { fontStyle: 'bold' } }])
|
||||||
|
|
||||||
|
const result = [
|
||||||
|
formatNumber(
|
||||||
|
total.avg_durasi_recovery_gangguan.reduce((a: number, b: number) => a + b, 0) /
|
||||||
|
total.avg_durasi_recovery_gangguan.length
|
||||||
|
),
|
||||||
|
formatNumber(
|
||||||
|
total.sla_gangguan.reduce((a: number, b: number) => a + b, 0) / total.sla_gangguan.length
|
||||||
|
),
|
||||||
|
formatNumber(
|
||||||
|
total.avg_durasi_recovery_keluhan.reduce((a: number, b: number) => a + b, 0) /
|
||||||
|
total.avg_durasi_recovery_keluhan.length
|
||||||
|
),
|
||||||
|
formatNumber(
|
||||||
|
total.sla_keluhan.reduce((a: number, b: number) => a + b, 0) / total.sla_keluhan.length
|
||||||
|
),
|
||||||
|
formatPercentage(
|
||||||
|
total.aging_complaint_gangguan.reduce((a: number, b: number) => a + b, 0) /
|
||||||
|
total.aging_complaint_gangguan.length
|
||||||
|
),
|
||||||
|
formatPercentage(
|
||||||
|
total.aging_complaint_keluhan.reduce((a: number, b: number) => a + b, 0) /
|
||||||
|
total.aging_complaint_keluhan.length
|
||||||
|
),
|
||||||
|
formatPercentage(
|
||||||
|
total.avg_aging_complaint.reduce((a: number, b: number) => a + b, 0) /
|
||||||
|
total.avg_aging_complaint.length
|
||||||
|
)
|
||||||
|
]
|
||||||
|
|
||||||
|
formattedData.push([{ content: '1', styles: { halign: 'right' } }, summaryName, ...result])
|
||||||
|
formattedData.push([
|
||||||
|
{ content: 'RATA-RATA', colSpan: 2, styles: { fontStyle: 'bold' } },
|
||||||
|
...result
|
||||||
|
])
|
||||||
|
|
||||||
|
return formattedData
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) => {
|
const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) => {
|
||||||
@ -167,7 +279,7 @@ const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) =>
|
|||||||
const date = new Date().getDate()
|
const date = new Date().getDate()
|
||||||
const month = new Date().toLocaleString('id-ID', { month: 'long' })
|
const month = new Date().toLocaleString('id-ID', { month: 'long' })
|
||||||
const year = new Date().getFullYear()
|
const year = new Date().getFullYear()
|
||||||
const data = formatData(rawData)
|
const data = formatData(rawData, reportMeta)
|
||||||
const doc = new jsPDF({
|
const doc = new jsPDF({
|
||||||
orientation: 'landscape'
|
orientation: 'landscape'
|
||||||
})
|
})
|
||||||
@ -416,7 +528,7 @@ const exportToXLSX = (reportMeta: any, e: any) => {
|
|||||||
e.cancel = true
|
e.cancel = true
|
||||||
}
|
}
|
||||||
const exportToDOCX = (reportMeta: any, rawData: any) => {
|
const exportToDOCX = (reportMeta: any, rawData: any) => {
|
||||||
exportToWord(reportMeta, formatData(rawData), `Laporan ${reportName}`, null)
|
exportToWord(reportMeta, formatData(rawData, reportMeta), `Laporan ${reportName}`, null)
|
||||||
}
|
}
|
||||||
|
|
||||||
export { exportToPDF, exportToXLSX, exportToDOCX }
|
export { exportToPDF, exportToXLSX, exportToDOCX }
|
||||||
|
@ -1,17 +1,4 @@
|
|||||||
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||||
import {
|
|
||||||
Document,
|
|
||||||
AlignmentType,
|
|
||||||
Packer,
|
|
||||||
Paragraph,
|
|
||||||
Table,
|
|
||||||
TableCell,
|
|
||||||
TableRow,
|
|
||||||
VerticalAlign,
|
|
||||||
TextRun,
|
|
||||||
WidthType,
|
|
||||||
PageOrientation
|
|
||||||
} from 'docx'
|
|
||||||
import { saveAs } from 'file-saver'
|
import { saveAs } from 'file-saver'
|
||||||
import { jsPDF } from 'jspdf'
|
import { jsPDF } from 'jspdf'
|
||||||
import autoTable from 'jspdf-autotable'
|
import autoTable from 'jspdf-autotable'
|
||||||
@ -23,9 +10,46 @@ import { exportToWord } from './doc/MonalisaLK_EnergyNotSales_DOC'
|
|||||||
const reportName = 'Energy Not Sales (ENS)'
|
const reportName = 'Energy Not Sales (ENS)'
|
||||||
const fontSize = 5
|
const fontSize = 5
|
||||||
|
|
||||||
const groupingData = (data: any) => {
|
const getGroupParent = (reportMeta: any) => {
|
||||||
|
if (reportMeta.ulp.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.ulp.name,
|
||||||
|
summaryName: reportMeta.ulp.name,
|
||||||
|
summaryKey: 'nama_ulp'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (reportMeta.up3.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.up3.name,
|
||||||
|
summaryName: reportMeta.up3.name,
|
||||||
|
summaryKey: 'nama_up3'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (reportMeta.uid.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.uid.name,
|
||||||
|
summaryName: reportMeta.uid.name,
|
||||||
|
summaryKey: 'nama_uid'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.regional.name,
|
||||||
|
summaryName: reportMeta.regional.name,
|
||||||
|
summaryKey: 'nama_regional'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
|
||||||
|
const groupingData = (data: any, reportMeta: any) => {
|
||||||
const groupedData: any = {}
|
const groupedData: any = {}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id == 0) {
|
||||||
data.forEach((item: any) => {
|
data.forEach((item: any) => {
|
||||||
const { nama_regional } = item
|
const { nama_regional } = item
|
||||||
|
|
||||||
@ -55,10 +79,36 @@ const groupingData = (data: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return groupedData
|
return groupedData
|
||||||
|
} else {
|
||||||
|
const groupParent = getGroupParent(reportMeta)
|
||||||
|
|
||||||
|
if (groupParent === '') {
|
||||||
|
return {
|
||||||
|
data,
|
||||||
|
parent: '',
|
||||||
|
summaryName: ''
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const formatData = (rawData: any) => {
|
data.forEach((item: any) => {
|
||||||
const data = groupingData(rawData)
|
const group = item[groupParent.summaryKey]
|
||||||
|
|
||||||
|
if (!groupedData[group]) {
|
||||||
|
groupedData[group] = []
|
||||||
|
}
|
||||||
|
|
||||||
|
groupedData[group].push(item)
|
||||||
|
})
|
||||||
|
|
||||||
|
return {
|
||||||
|
data: groupedData,
|
||||||
|
parent: groupParent.parent,
|
||||||
|
summaryName: groupParent.summaryName
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const formatData = (rawData: any, reportMeta: any) => {
|
||||||
const formattedData: any = []
|
const formattedData: any = []
|
||||||
|
|
||||||
const total: any = {
|
const total: any = {
|
||||||
@ -67,6 +117,9 @@ const formatData = (rawData: any) => {
|
|||||||
bencana_alam: 0
|
bencana_alam: 0
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id == 0) {
|
||||||
|
const data = groupingData(rawData, reportMeta)
|
||||||
|
|
||||||
formattedData.push([{ content: 'NASIONAL', colSpan: 6, styles: { fontStyle: 'bold' } }])
|
formattedData.push([{ content: 'NASIONAL', colSpan: 6, styles: { fontStyle: 'bold' } }])
|
||||||
|
|
||||||
for (const regional in data) {
|
for (const regional in data) {
|
||||||
@ -96,6 +149,35 @@ const formatData = (rawData: any) => {
|
|||||||
])
|
])
|
||||||
|
|
||||||
return formattedData
|
return formattedData
|
||||||
|
} else {
|
||||||
|
const tempData = groupingData(rawData, reportMeta)
|
||||||
|
const data = tempData.data[tempData.summaryName] || tempData.data
|
||||||
|
const formattedData: any = []
|
||||||
|
|
||||||
|
let parentName = tempData.parent
|
||||||
|
let summaryName = tempData.summaryName ? tempData.summaryName : 'Seluruh Unit'
|
||||||
|
|
||||||
|
data.forEach((item: any) => {
|
||||||
|
total.terencana += item.terencana
|
||||||
|
total.tidak_terencana += item.tidak_terencana
|
||||||
|
total.bencana_alam += item.bencana_alam
|
||||||
|
})
|
||||||
|
|
||||||
|
formattedData.push([{ content: parentName, colSpan: 6, styles: { fontStyle: 'bold' } }])
|
||||||
|
|
||||||
|
const result = [
|
||||||
|
formatNumber(total.terencana),
|
||||||
|
formatNumber(total.tidak_terencana),
|
||||||
|
formatNumber(total.bencana_alam),
|
||||||
|
formatNumber(total.terencana + total.tidak_terencana + total.bencana_alam),
|
||||||
|
formatNumber(total.terencana + total.tidak_terencana)
|
||||||
|
]
|
||||||
|
|
||||||
|
formattedData.push([{ content: '1', styles: { halign: 'right' } }, summaryName, ...result])
|
||||||
|
formattedData.push([{ content: 'TOTAL', colSpan: 2, styles: { fontStyle: 'bold' } }, ...result])
|
||||||
|
|
||||||
|
return formattedData
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) => {
|
const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) => {
|
||||||
@ -103,7 +185,7 @@ const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) =>
|
|||||||
const date = new Date().getDate()
|
const date = new Date().getDate()
|
||||||
const month = new Date().toLocaleString('id-ID', { month: 'long' })
|
const month = new Date().toLocaleString('id-ID', { month: 'long' })
|
||||||
const year = new Date().getFullYear()
|
const year = new Date().getFullYear()
|
||||||
const data = formatData(rawData)
|
const data = formatData(rawData, reportMeta)
|
||||||
const doc = new jsPDF({
|
const doc = new jsPDF({
|
||||||
orientation: 'landscape'
|
orientation: 'landscape'
|
||||||
})
|
})
|
||||||
@ -329,7 +411,7 @@ const exportToXLSX = (reportMeta: any, e: any) => {
|
|||||||
e.cancel = true
|
e.cancel = true
|
||||||
}
|
}
|
||||||
const exportToDOCX = (reportMeta: any, rawData: any) => {
|
const exportToDOCX = (reportMeta: any, rawData: any) => {
|
||||||
exportToWord(reportMeta, formatData(rawData), `Laporan ${reportName}`, null)
|
exportToWord(reportMeta, formatData(rawData, reportMeta), `Laporan ${reportName}`, null)
|
||||||
}
|
}
|
||||||
|
|
||||||
export { exportToPDF, exportToXLSX, exportToDOCX }
|
export { exportToPDF, exportToXLSX, exportToDOCX }
|
||||||
|
@ -1,17 +1,4 @@
|
|||||||
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||||
import {
|
|
||||||
Document,
|
|
||||||
AlignmentType,
|
|
||||||
Packer,
|
|
||||||
Paragraph,
|
|
||||||
Table,
|
|
||||||
TableCell,
|
|
||||||
TableRow,
|
|
||||||
VerticalAlign,
|
|
||||||
TextRun,
|
|
||||||
WidthType,
|
|
||||||
PageOrientation
|
|
||||||
} from 'docx'
|
|
||||||
import { saveAs } from 'file-saver'
|
import { saveAs } from 'file-saver'
|
||||||
import { jsPDF } from 'jspdf'
|
import { jsPDF } from 'jspdf'
|
||||||
import autoTable from 'jspdf-autotable'
|
import autoTable from 'jspdf-autotable'
|
||||||
@ -24,9 +11,46 @@ import { exportToWord } from './doc/MonalisaLK_KDADPelaporan_DOC'
|
|||||||
const reportName = 'Kepatuhan dan Akurasi Dalam Pelaporan'
|
const reportName = 'Kepatuhan dan Akurasi Dalam Pelaporan'
|
||||||
const fontSize = 5
|
const fontSize = 5
|
||||||
|
|
||||||
const groupingData = (data: any) => {
|
const getGroupParent = (reportMeta: any) => {
|
||||||
|
if (reportMeta.ulp.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.ulp.name,
|
||||||
|
summaryName: reportMeta.ulp.name,
|
||||||
|
summaryKey: 'nama_ulp'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (reportMeta.up3.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.up3.name,
|
||||||
|
summaryName: reportMeta.up3.name,
|
||||||
|
summaryKey: 'nama_up3'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (reportMeta.uid.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.uid.name,
|
||||||
|
summaryName: reportMeta.uid.name,
|
||||||
|
summaryKey: 'nama_uid'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.regional.name,
|
||||||
|
summaryName: reportMeta.regional.name,
|
||||||
|
summaryKey: 'nama_regional'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
|
||||||
|
const groupingData = (data: any, reportMeta: any) => {
|
||||||
const groupedData: any = {}
|
const groupedData: any = {}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id == 0) {
|
||||||
data.forEach((item: any) => {
|
data.forEach((item: any) => {
|
||||||
const { nama_regional } = item
|
const { nama_regional } = item
|
||||||
|
|
||||||
@ -58,10 +82,36 @@ const groupingData = (data: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return groupedData
|
return groupedData
|
||||||
|
} else {
|
||||||
|
const groupParent = getGroupParent(reportMeta)
|
||||||
|
|
||||||
|
if (groupParent === '') {
|
||||||
|
return {
|
||||||
|
data,
|
||||||
|
parent: '',
|
||||||
|
summaryName: ''
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const formatData = (rawData: any) => {
|
data.forEach((item: any) => {
|
||||||
const data = groupingData(rawData)
|
const group = item[groupParent.summaryKey]
|
||||||
|
|
||||||
|
if (!groupedData[group]) {
|
||||||
|
groupedData[group] = []
|
||||||
|
}
|
||||||
|
|
||||||
|
groupedData[group].push(item)
|
||||||
|
})
|
||||||
|
|
||||||
|
return {
|
||||||
|
data: groupedData,
|
||||||
|
parent: groupParent.parent,
|
||||||
|
summaryName: groupParent.summaryName
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const formatData = (rawData: any, reportMeta: any) => {
|
||||||
const formattedData: any = []
|
const formattedData: any = []
|
||||||
|
|
||||||
const total: any = {
|
const total: any = {
|
||||||
@ -71,6 +121,9 @@ const formatData = (rawData: any) => {
|
|||||||
keluhan_total: 0
|
keluhan_total: 0
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id == 0) {
|
||||||
|
const data = groupingData(rawData, reportMeta)
|
||||||
|
|
||||||
formattedData.push([{ content: 'NASIONAL', colSpan: 6, styles: { fontStyle: 'bold' } }])
|
formattedData.push([{ content: 'NASIONAL', colSpan: 6, styles: { fontStyle: 'bold' } }])
|
||||||
|
|
||||||
for (const regional in data) {
|
for (const regional in data) {
|
||||||
@ -119,6 +172,46 @@ const formatData = (rawData: any) => {
|
|||||||
])
|
])
|
||||||
|
|
||||||
return formattedData
|
return formattedData
|
||||||
|
} else {
|
||||||
|
const tempData = groupingData(rawData, reportMeta)
|
||||||
|
const data = tempData.data[tempData.summaryName] || tempData.data
|
||||||
|
const formattedData: any = []
|
||||||
|
|
||||||
|
let parentName = tempData.parent
|
||||||
|
let summaryName = tempData.summaryName ? tempData.summaryName : 'Seluruh Unit'
|
||||||
|
|
||||||
|
data.forEach((item: any) => {
|
||||||
|
total.gangguan_berulang += item.gangguan_berulang
|
||||||
|
total.gangguan_total += item.gangguan_total
|
||||||
|
total.keluhan_berulang += item.keluhan_berulang
|
||||||
|
total.keluhan_total += item.keluhan_total
|
||||||
|
})
|
||||||
|
|
||||||
|
const total_komplain_pelanggan =
|
||||||
|
((total.gangguan_berulang / total.gangguan_total +
|
||||||
|
total.keluhan_berulang / total.keluhan_total) /
|
||||||
|
2) *
|
||||||
|
100
|
||||||
|
|
||||||
|
formattedData.push([{ content: parentName, colSpan: 6, styles: { fontStyle: 'bold' } }])
|
||||||
|
|
||||||
|
const result = [
|
||||||
|
formatNumber(total.gangguan_berulang),
|
||||||
|
formatNumber(total.gangguan_total),
|
||||||
|
formatNumber(total.keluhan_berulang),
|
||||||
|
formatNumber(total.keluhan_total),
|
||||||
|
formatPercentage(
|
||||||
|
!total_komplain_pelanggan || !isFinite(total_komplain_pelanggan)
|
||||||
|
? 0
|
||||||
|
: total_komplain_pelanggan
|
||||||
|
)
|
||||||
|
]
|
||||||
|
|
||||||
|
formattedData.push([{ content: '1', styles: { halign: 'right' } }, summaryName, ...result])
|
||||||
|
formattedData.push([{ content: 'TOTAL', colSpan: 2, styles: { fontStyle: 'bold' } }, ...result])
|
||||||
|
|
||||||
|
return formattedData
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) => {
|
const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) => {
|
||||||
@ -126,7 +219,7 @@ const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) =>
|
|||||||
const date = new Date().getDate()
|
const date = new Date().getDate()
|
||||||
const month = new Date().toLocaleString('id-ID', { month: 'long' })
|
const month = new Date().toLocaleString('id-ID', { month: 'long' })
|
||||||
const year = new Date().getFullYear()
|
const year = new Date().getFullYear()
|
||||||
const data = formatData(rawData)
|
const data = formatData(rawData, reportMeta)
|
||||||
const doc = new jsPDF({
|
const doc = new jsPDF({
|
||||||
orientation: 'landscape'
|
orientation: 'landscape'
|
||||||
})
|
})
|
||||||
@ -363,7 +456,7 @@ const exportToXLSX = (reportMeta: any, e: any) => {
|
|||||||
e.cancel = true
|
e.cancel = true
|
||||||
}
|
}
|
||||||
const exportToDOCX = (reportMeta: any, rawData: any) => {
|
const exportToDOCX = (reportMeta: any, rawData: any) => {
|
||||||
exportToWord(reportMeta, formatData(rawData), `Laporan ${reportName}`, null)
|
exportToWord(reportMeta, formatData(rawData, reportMeta), `Laporan ${reportName}`, null)
|
||||||
}
|
}
|
||||||
|
|
||||||
export { exportToPDF, exportToXLSX, exportToDOCX }
|
export { exportToPDF, exportToXLSX, exportToDOCX }
|
||||||
|
@ -1,17 +1,4 @@
|
|||||||
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||||
import {
|
|
||||||
Document,
|
|
||||||
AlignmentType,
|
|
||||||
Packer,
|
|
||||||
Paragraph,
|
|
||||||
Table,
|
|
||||||
TableCell,
|
|
||||||
TableRow,
|
|
||||||
VerticalAlign,
|
|
||||||
TextRun,
|
|
||||||
WidthType,
|
|
||||||
PageOrientation
|
|
||||||
} from 'docx'
|
|
||||||
import { saveAs } from 'file-saver'
|
import { saveAs } from 'file-saver'
|
||||||
import { jsPDF } from 'jspdf'
|
import { jsPDF } from 'jspdf'
|
||||||
import autoTable from 'jspdf-autotable'
|
import autoTable from 'jspdf-autotable'
|
||||||
@ -24,9 +11,46 @@ import { exportToWord } from './doc/MonalisaLK_PenurunanJumlahKomplain_DOC'
|
|||||||
const reportName = 'Penurunan Jumlah Komplain'
|
const reportName = 'Penurunan Jumlah Komplain'
|
||||||
const fontSize = 5
|
const fontSize = 5
|
||||||
|
|
||||||
const groupingData = (data: any) => {
|
const getGroupParent = (reportMeta: any) => {
|
||||||
|
if (reportMeta.ulp.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.ulp.name,
|
||||||
|
summaryName: reportMeta.ulp.name,
|
||||||
|
summaryKey: 'nama_ulp'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (reportMeta.up3.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.up3.name,
|
||||||
|
summaryName: reportMeta.up3.name,
|
||||||
|
summaryKey: 'nama_up3'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (reportMeta.uid.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.uid.name,
|
||||||
|
summaryName: reportMeta.uid.name,
|
||||||
|
summaryKey: 'nama_uid'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id != 0) {
|
||||||
|
return {
|
||||||
|
parent: reportMeta.regional.name,
|
||||||
|
summaryName: reportMeta.regional.name,
|
||||||
|
summaryKey: 'nama_regional'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
|
||||||
|
const groupingData = (data: any, reportMeta: any) => {
|
||||||
const groupedData: any = {}
|
const groupedData: any = {}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id == 0) {
|
||||||
data.forEach((item: any) => {
|
data.forEach((item: any) => {
|
||||||
const { nama_regional } = item
|
const { nama_regional } = item
|
||||||
|
|
||||||
@ -83,10 +107,36 @@ const groupingData = (data: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return groupedData
|
return groupedData
|
||||||
|
} else {
|
||||||
|
const groupParent = getGroupParent(reportMeta)
|
||||||
|
|
||||||
|
if (groupParent === '') {
|
||||||
|
return {
|
||||||
|
data,
|
||||||
|
parent: '',
|
||||||
|
summaryName: ''
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const formatData = (rawData: any) => {
|
data.forEach((item: any) => {
|
||||||
const data = groupingData(rawData)
|
const group = item[groupParent.summaryKey]
|
||||||
|
|
||||||
|
if (!groupedData[group]) {
|
||||||
|
groupedData[group] = []
|
||||||
|
}
|
||||||
|
|
||||||
|
groupedData[group].push(item)
|
||||||
|
})
|
||||||
|
|
||||||
|
return {
|
||||||
|
data: groupedData,
|
||||||
|
parent: groupParent.parent,
|
||||||
|
summaryName: groupParent.summaryName
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const formatData = (rawData: any, reportMeta: any) => {
|
||||||
const formattedData: any = []
|
const formattedData: any = []
|
||||||
|
|
||||||
const total: any = {
|
const total: any = {
|
||||||
@ -111,6 +161,10 @@ const formatData = (rawData: any) => {
|
|||||||
// persen_delta_total
|
// persen_delta_total
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id == 0) {
|
||||||
|
const data = groupingData(rawData, reportMeta)
|
||||||
|
const formattedData: any = []
|
||||||
|
|
||||||
formattedData.push([{ content: 'NASIONAL', colSpan: 20, styles: { fontStyle: 'bold' } }])
|
formattedData.push([{ content: 'NASIONAL', colSpan: 20, styles: { fontStyle: 'bold' } }])
|
||||||
|
|
||||||
let no = 1
|
let no = 1
|
||||||
@ -127,7 +181,9 @@ const formatData = (rawData: any) => {
|
|||||||
const total_informasi_tahun_ini =
|
const total_informasi_tahun_ini =
|
||||||
summary.total_keluhan_informasi_tahun_ini + summary.total_gangguan_informasi_tahun_ini
|
summary.total_keluhan_informasi_tahun_ini + summary.total_gangguan_informasi_tahun_ini
|
||||||
const total_tahun_ini =
|
const total_tahun_ini =
|
||||||
summary.total_keluhan_tahun_ini + summary.total_gangguan_tahun_ini + total_informasi_tahun_ini
|
summary.total_keluhan_tahun_ini +
|
||||||
|
summary.total_gangguan_tahun_ini +
|
||||||
|
total_informasi_tahun_ini
|
||||||
const delta_keluhan = summary.total_keluhan_tahun_sebelumnya - summary.total_keluhan_tahun_ini
|
const delta_keluhan = summary.total_keluhan_tahun_sebelumnya - summary.total_keluhan_tahun_ini
|
||||||
const delta_gangguan =
|
const delta_gangguan =
|
||||||
summary.total_gangguan_tahun_sebelumnya - summary.total_gangguan_tahun_ini
|
summary.total_gangguan_tahun_sebelumnya - summary.total_gangguan_tahun_ini
|
||||||
@ -135,7 +191,8 @@ const formatData = (rawData: any) => {
|
|||||||
const persen_delta_keluhan = 40 * (delta_keluhan / summary.total_keluhan_tahun_sebelumnya)
|
const persen_delta_keluhan = 40 * (delta_keluhan / summary.total_keluhan_tahun_sebelumnya)
|
||||||
const persen_delta_gangguan = 40 * (delta_gangguan / summary.total_gangguan_tahun_sebelumnya)
|
const persen_delta_gangguan = 40 * (delta_gangguan / summary.total_gangguan_tahun_sebelumnya)
|
||||||
const persen_delta_informasi = 20 * (delta_informasi / total_informasi_tahun_sebelumnya)
|
const persen_delta_informasi = 20 * (delta_informasi / total_informasi_tahun_sebelumnya)
|
||||||
const persen_delta_total = persen_delta_keluhan + persen_delta_gangguan + persen_delta_informasi
|
const persen_delta_total =
|
||||||
|
persen_delta_keluhan + persen_delta_gangguan + persen_delta_informasi
|
||||||
|
|
||||||
formattedData.push([
|
formattedData.push([
|
||||||
regional,
|
regional,
|
||||||
@ -181,7 +238,8 @@ const formatData = (rawData: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const total_informasi_tahun_sebelumnya =
|
const total_informasi_tahun_sebelumnya =
|
||||||
total.total_keluhan_informasi_tahun_sebelumnya + total.total_gangguan_informasi_tahun_sebelumnya
|
total.total_keluhan_informasi_tahun_sebelumnya +
|
||||||
|
total.total_gangguan_informasi_tahun_sebelumnya
|
||||||
const total_tahun_sebelumnya =
|
const total_tahun_sebelumnya =
|
||||||
total.total_keluhan_tahun_sebelumnya +
|
total.total_keluhan_tahun_sebelumnya +
|
||||||
total.total_gangguan_tahun_sebelumnya +
|
total.total_gangguan_tahun_sebelumnya +
|
||||||
@ -224,10 +282,89 @@ const formatData = (rawData: any) => {
|
|||||||
formatPercentage(
|
formatPercentage(
|
||||||
!persen_delta_informasi || !isFinite(persen_delta_informasi) ? 0 : persen_delta_informasi
|
!persen_delta_informasi || !isFinite(persen_delta_informasi) ? 0 : persen_delta_informasi
|
||||||
),
|
),
|
||||||
formatPercentage(!persen_delta_total || !isFinite(persen_delta_total) ? 0 : persen_delta_total)
|
formatPercentage(
|
||||||
|
!persen_delta_total || !isFinite(persen_delta_total) ? 0 : persen_delta_total
|
||||||
|
)
|
||||||
])
|
])
|
||||||
|
|
||||||
return formattedData
|
return formattedData
|
||||||
|
} else {
|
||||||
|
const tempData = groupingData(rawData, reportMeta)
|
||||||
|
const data = tempData.data[tempData.summaryName] || tempData.data
|
||||||
|
const formattedData: any = []
|
||||||
|
|
||||||
|
let parentName = tempData.parent
|
||||||
|
let summaryName = tempData.summaryName ? tempData.summaryName : 'Seluruh Unit'
|
||||||
|
|
||||||
|
data.forEach((item: any) => {
|
||||||
|
total.total_keluhan_tahun_sebelumnya += item.total_keluhan_tahun_sebelumnya
|
||||||
|
total.total_gangguan_tahun_sebelumnya += item.total_gangguan_tahun_sebelumnya
|
||||||
|
total.total_keluhan_informasi_tahun_sebelumnya +=
|
||||||
|
item.total_keluhan_informasi_tahun_sebelumnya
|
||||||
|
total.total_gangguan_informasi_tahun_sebelumnya +=
|
||||||
|
item.total_gangguan_informasi_tahun_sebelumnya
|
||||||
|
total.total_keluhan_tahun_ini += item.total_keluhan_tahun_ini
|
||||||
|
total.total_gangguan_tahun_ini += item.total_gangguan_tahun_ini
|
||||||
|
total.total_keluhan_informasi_tahun_ini += item.total_keluhan_informasi_tahun_ini
|
||||||
|
total.total_gangguan_informasi_tahun_ini += item.total_gangguan_informasi_tahun_ini
|
||||||
|
})
|
||||||
|
|
||||||
|
const total_informasi_tahun_sebelumnya =
|
||||||
|
total.total_keluhan_informasi_tahun_sebelumnya +
|
||||||
|
total.total_gangguan_informasi_tahun_sebelumnya
|
||||||
|
const total_tahun_sebelumnya =
|
||||||
|
total.total_keluhan_tahun_sebelumnya +
|
||||||
|
total.total_gangguan_tahun_sebelumnya +
|
||||||
|
total_informasi_tahun_sebelumnya
|
||||||
|
const total_informasi_tahun_ini =
|
||||||
|
total.total_keluhan_informasi_tahun_ini + total.total_gangguan_informasi_tahun_ini
|
||||||
|
const total_tahun_ini =
|
||||||
|
total.total_keluhan_tahun_ini + total.total_gangguan_tahun_ini + total_informasi_tahun_ini
|
||||||
|
const delta_keluhan = total.total_keluhan_tahun_sebelumnya - total.total_keluhan_tahun_ini
|
||||||
|
const delta_gangguan = total.total_gangguan_tahun_sebelumnya - total.total_gangguan_tahun_ini
|
||||||
|
const delta_informasi = total_informasi_tahun_sebelumnya - total_informasi_tahun_ini
|
||||||
|
const persen_delta_keluhan = 40 * (delta_keluhan / total.total_keluhan_tahun_sebelumnya)
|
||||||
|
const persen_delta_gangguan = 40 * (delta_gangguan / total.total_gangguan_tahun_sebelumnya)
|
||||||
|
const persen_delta_informasi = 20 * (delta_informasi / total_informasi_tahun_sebelumnya)
|
||||||
|
const persen_delta_total = persen_delta_keluhan + persen_delta_gangguan + persen_delta_informasi
|
||||||
|
|
||||||
|
formattedData.push([{ content: parentName, colSpan: 20, styles: { fontStyle: 'bold' } }])
|
||||||
|
|
||||||
|
const result = [
|
||||||
|
formatNumber(total.total_keluhan_tahun_sebelumnya),
|
||||||
|
formatNumber(total.total_gangguan_tahun_sebelumnya),
|
||||||
|
formatNumber(total.total_keluhan_informasi_tahun_sebelumnya),
|
||||||
|
formatNumber(total.total_gangguan_informasi_tahun_sebelumnya),
|
||||||
|
formatNumber(total_informasi_tahun_sebelumnya),
|
||||||
|
formatNumber(total_tahun_sebelumnya),
|
||||||
|
formatNumber(total.total_keluhan_tahun_ini),
|
||||||
|
formatNumber(total.total_gangguan_tahun_ini),
|
||||||
|
formatNumber(total.total_keluhan_informasi_tahun_ini),
|
||||||
|
formatNumber(total.total_gangguan_informasi_tahun_ini),
|
||||||
|
formatNumber(total_informasi_tahun_ini),
|
||||||
|
formatNumber(total_tahun_ini),
|
||||||
|
formatNumber(delta_keluhan),
|
||||||
|
formatNumber(delta_gangguan),
|
||||||
|
formatNumber(delta_informasi),
|
||||||
|
formatPercentage(
|
||||||
|
!persen_delta_keluhan || !isFinite(persen_delta_keluhan) ? 0 : persen_delta_keluhan
|
||||||
|
),
|
||||||
|
formatPercentage(
|
||||||
|
!persen_delta_gangguan || !isFinite(persen_delta_gangguan) ? 0 : persen_delta_gangguan
|
||||||
|
),
|
||||||
|
formatPercentage(
|
||||||
|
!persen_delta_informasi || !isFinite(persen_delta_informasi) ? 0 : persen_delta_informasi
|
||||||
|
),
|
||||||
|
formatPercentage(
|
||||||
|
!persen_delta_total || !isFinite(persen_delta_total) ? 0 : persen_delta_total
|
||||||
|
)
|
||||||
|
]
|
||||||
|
|
||||||
|
formattedData.push([{ content: '1', styles: { halign: 'right' } }, summaryName, ...result])
|
||||||
|
formattedData.push([{ content: 'TOTAL', colSpan: 2, styles: { fontStyle: 'bold' } }, ...result])
|
||||||
|
|
||||||
|
return formattedData
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) => {
|
const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) => {
|
||||||
@ -235,7 +372,7 @@ const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) =>
|
|||||||
const date = new Date().getDate()
|
const date = new Date().getDate()
|
||||||
const month = new Date().toLocaleString('id-ID', { month: 'long' })
|
const month = new Date().toLocaleString('id-ID', { month: 'long' })
|
||||||
const year = new Date().getFullYear()
|
const year = new Date().getFullYear()
|
||||||
const data = formatData(rawData)
|
const data = formatData(rawData, reportMeta)
|
||||||
const doc = new jsPDF({
|
const doc = new jsPDF({
|
||||||
orientation: 'landscape'
|
orientation: 'landscape'
|
||||||
})
|
})
|
||||||
@ -549,7 +686,7 @@ const exportToXLSX = (reportMeta: any, e: any) => {
|
|||||||
e.cancel = true
|
e.cancel = true
|
||||||
}
|
}
|
||||||
const exportToDOCX = (reportMeta: any, rawData: any) => {
|
const exportToDOCX = (reportMeta: any, rawData: any) => {
|
||||||
exportToWord(reportMeta, formatData(rawData), `Laporan ${reportName}`, null)
|
exportToWord(reportMeta, formatData(rawData, reportMeta), `Laporan ${reportName}`, null)
|
||||||
}
|
}
|
||||||
|
|
||||||
export { exportToPDF, exportToXLSX, exportToDOCX }
|
export { exportToPDF, exportToXLSX, exportToDOCX }
|
||||||
|
Loading…
x
Reference in New Issue
Block a user