fix: report in monalisa laporan bulanan
This commit is contained in:
@ -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'
|
||||||
@ -26,9 +13,46 @@ const reportName = '(Monalisa) Aging Complaint'
|
|||||||
const fontSize = 5
|
const fontSize = 5
|
||||||
const detailFontSize = 3
|
const detailFontSize = 3
|
||||||
|
|
||||||
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
|
||||||
|
|
||||||
@ -70,10 +94,36 @@ const groupingData = (data: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return groupedData
|
return groupedData
|
||||||
|
} else {
|
||||||
|
const groupParent = getGroupParent(reportMeta)
|
||||||
|
|
||||||
|
if (groupParent === '') {
|
||||||
|
return {
|
||||||
|
data,
|
||||||
|
parent: '',
|
||||||
|
summaryName: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
data.forEach((item: any) => {
|
||||||
|
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) => {
|
const formatData = (rawData: any, reportMeta: any) => {
|
||||||
const data = groupingData(rawData)
|
|
||||||
const formattedData: any = []
|
const formattedData: any = []
|
||||||
|
|
||||||
const total: any = {
|
const total: any = {
|
||||||
@ -86,6 +136,9 @@ const formatData = (rawData: any) => {
|
|||||||
avg_aging_complaint: []
|
avg_aging_complaint: []
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id == 0) {
|
||||||
|
const data = groupingData(rawData, reportMeta)
|
||||||
|
|
||||||
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) {
|
||||||
@ -95,7 +148,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
|
||||||
@ -162,6 +216,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) => {
|
||||||
@ -169,7 +280,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'
|
||||||
})
|
})
|
||||||
@ -583,9 +694,16 @@ const exportDetailToXLSX = (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)
|
||||||
}
|
}
|
||||||
const exportDetailToDOCX = (reportMeta: any, rawData: any) => {
|
const exportDetailToDOCX = (reportMeta: any, rawData: any) => {
|
||||||
exportDetailToWord(reportMeta, rawData, `Laporan Detail ${reportName}`, null)
|
exportDetailToWord(reportMeta, rawData, `Laporan Detail ${reportName}`, null)
|
||||||
}
|
}
|
||||||
export { exportToPDF, exportToXLSX, exportDetailToPDF, exportDetailToXLSX ,exportToDOCX,exportDetailToDOCX}
|
export {
|
||||||
|
exportToPDF,
|
||||||
|
exportToXLSX,
|
||||||
|
exportDetailToPDF,
|
||||||
|
exportDetailToXLSX,
|
||||||
|
exportToDOCX,
|
||||||
|
exportDetailToDOCX
|
||||||
|
}
|
||||||
|
@ -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/MonalisaLB_EnergyNotSales_DOC'
|
|||||||
const reportName = '(Monalisa) Energy Not Sales (ENS)'
|
const reportName = '(Monalisa) 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: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
data.forEach((item: any) => {
|
||||||
|
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) => {
|
const formatData = (rawData: any, reportMeta: any) => {
|
||||||
const data = groupingData(rawData)
|
|
||||||
const formattedData: any = []
|
const formattedData: any = []
|
||||||
|
|
||||||
const total: any = {
|
const total: any = {
|
||||||
@ -67,6 +117,15 @@ const formatData = (rawData: any) => {
|
|||||||
bencana_alam: 0
|
bencana_alam: 0
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id == 0) {
|
||||||
|
const data = groupingData(rawData, reportMeta)
|
||||||
|
|
||||||
|
const total: any = {
|
||||||
|
terencana: 0,
|
||||||
|
tidak_terencana: 0,
|
||||||
|
bencana_alam: 0
|
||||||
|
}
|
||||||
|
|
||||||
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 +155,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 +191,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 +417,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/MonalisaLB_KADDalamPelaporan_DOC'
|
|||||||
const reportName = '(Monalisa) Kepatuhan dan Akurasi Dalam Pelaporan'
|
const reportName = '(Monalisa) 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: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
data.forEach((item: any) => {
|
||||||
|
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) => {
|
const formatData = (rawData: any, reportMeta: any) => {
|
||||||
const data = groupingData(rawData)
|
|
||||||
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
|
||||||
|
})
|
||||||
|
|
||||||
|
formattedData.push([{ content: parentName, colSpan: 6, styles: { fontStyle: 'bold' } }])
|
||||||
|
|
||||||
|
const total_komplain_pelanggan =
|
||||||
|
((total.gangguan_berulang / total.gangguan_total +
|
||||||
|
total.keluhan_berulang / total.keluhan_total) /
|
||||||
|
2) *
|
||||||
|
100
|
||||||
|
|
||||||
|
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'
|
||||||
@ -26,9 +13,46 @@ const reportName = '(Monalisa) Penurunan Jumlah Komplain'
|
|||||||
const fontSize = 5
|
const fontSize = 5
|
||||||
const detailFontSize = 3
|
const detailFontSize = 3
|
||||||
|
|
||||||
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
|
||||||
|
|
||||||
@ -85,10 +109,36 @@ const groupingData = (data: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return groupedData
|
return groupedData
|
||||||
|
} else {
|
||||||
|
const groupParent = getGroupParent(reportMeta)
|
||||||
|
|
||||||
|
if (groupParent === '') {
|
||||||
|
return {
|
||||||
|
data,
|
||||||
|
parent: '',
|
||||||
|
summaryName: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
data.forEach((item: any) => {
|
||||||
|
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) => {
|
const formatData = (rawData: any, reportMeta: any) => {
|
||||||
const data = groupingData(rawData)
|
|
||||||
const formattedData: any = []
|
const formattedData: any = []
|
||||||
|
|
||||||
const total: any = {
|
const total: any = {
|
||||||
@ -113,6 +163,9 @@ const formatData = (rawData: any) => {
|
|||||||
// persen_delta_total
|
// persen_delta_total
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (reportMeta.regional.id == 0) {
|
||||||
|
const data = groupingData(rawData, reportMeta)
|
||||||
|
|
||||||
formattedData.push([{ content: 'NASIONAL', colSpan: 20, styles: { fontStyle: 'bold' } }])
|
formattedData.push([{ content: 'NASIONAL', colSpan: 20, styles: { fontStyle: 'bold' } }])
|
||||||
|
|
||||||
let no = 1
|
let no = 1
|
||||||
@ -129,7 +182,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
|
||||||
@ -137,7 +192,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,
|
||||||
@ -183,7 +239,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 +
|
||||||
@ -226,10 +283,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
|
||||||
|
})
|
||||||
|
|
||||||
|
formattedData.push([{ content: parentName, colSpan: 20, styles: { fontStyle: 'bold' } }])
|
||||||
|
|
||||||
|
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
|
||||||
|
|
||||||
|
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) => {
|
||||||
@ -237,7 +373,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'
|
||||||
})
|
})
|
||||||
@ -715,9 +851,16 @@ const exportDetailToXLSX = (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)
|
||||||
}
|
}
|
||||||
const exportDetailToDOCX = (reportMeta: any, rawData: any) => {
|
const exportDetailToDOCX = (reportMeta: any, rawData: any) => {
|
||||||
exportDetailToWord(reportMeta, rawData, `Laporan Detail ${reportName}`, null)
|
exportDetailToWord(reportMeta, rawData, `Laporan Detail ${reportName}`, null)
|
||||||
}
|
}
|
||||||
export { exportToPDF, exportToXLSX, exportDetailToPDF, exportDetailToXLSX, exportToDOCX, exportDetailToDOCX }
|
export {
|
||||||
|
exportToPDF,
|
||||||
|
exportToXLSX,
|
||||||
|
exportDetailToPDF,
|
||||||
|
exportDetailToXLSX,
|
||||||
|
exportToDOCX,
|
||||||
|
exportDetailToDOCX
|
||||||
|
}
|
||||||
|
Reference in New Issue
Block a user