fix: report in monalisa gangguan

This commit is contained in:
kur0nek-o
2024-04-08 22:16:52 +07:00
parent 9dfa7d1d92
commit 097424aa75
9 changed files with 1546 additions and 746 deletions

View File

@@ -1,17 +1,4 @@
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 { jsPDF } from 'jspdf'
import autoTable from 'jspdf-autotable'
@@ -26,48 +13,111 @@ const reportName = 'Dispacthing Time (DT) Gangguan'
const fontSize = 5
const detailFontSize = 3
const groupingData = (data: any) => {
const groupedData: any = {}
data.forEach((item: any) => {
const { nama_regional } = item
if (!groupedData[nama_regional]) {
groupedData[nama_regional] = { data: [] }
const getGroupParent = (reportMeta: any) => {
if (reportMeta.ulp.id != 0) {
return {
parent: reportMeta.ulp.name,
summaryName: reportMeta.ulp.name,
summaryKey: 'nama_ulp'
}
groupedData[nama_regional].data.push(item)
})
for (const regional in groupedData) {
const data = groupedData[regional].data
data.forEach((item: any) => {
if (!groupedData[regional].summary) {
groupedData[regional].summary = {
mom_bulan_kemarin: 0,
mom_bulan_ini: 0,
persen_mom: [],
yoy_tahun_kemarin: 0,
yoy_tahun_ini: 0,
persen_yoy: []
}
}
groupedData[regional].summary.mom_bulan_kemarin += item.mom_bulan_kemarin
groupedData[regional].summary.mom_bulan_ini += item.mom_bulan_ini
groupedData[regional].summary.persen_mom.push(item.persen_mom)
groupedData[regional].summary.yoy_tahun_kemarin += item.yoy_tahun_kemarin
groupedData[regional].summary.yoy_tahun_ini += item.yoy_tahun_ini
groupedData[regional].summary.persen_yoy.push(item.persen_yoy)
})
}
return groupedData
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 formatData = (rawData: any) => {
const data = groupingData(rawData)
const groupingData = (data: any, reportMeta: any) => {
const groupedData: any = {}
if (reportMeta.regional.id == 0) {
data.forEach((item: any) => {
const { nama_regional } = item
if (!groupedData[nama_regional]) {
groupedData[nama_regional] = { data: [] }
}
groupedData[nama_regional].data.push(item)
})
for (const regional in groupedData) {
const data = groupedData[regional].data
data.forEach((item: any) => {
if (!groupedData[regional].summary) {
groupedData[regional].summary = {
mom_bulan_kemarin: 0,
mom_bulan_ini: 0,
persen_mom: [],
yoy_tahun_kemarin: 0,
yoy_tahun_ini: 0,
persen_yoy: []
}
}
groupedData[regional].summary.mom_bulan_kemarin += item.mom_bulan_kemarin
groupedData[regional].summary.mom_bulan_ini += item.mom_bulan_ini
groupedData[regional].summary.persen_mom.push(item.persen_mom)
groupedData[regional].summary.yoy_tahun_kemarin += item.yoy_tahun_kemarin
groupedData[regional].summary.yoy_tahun_ini += item.yoy_tahun_ini
groupedData[regional].summary.persen_yoy.push(item.persen_yoy)
})
}
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, reportMeta: any) => {
const formattedData: any = []
const total: any = {
@@ -77,67 +127,126 @@ const formatData = (rawData: any) => {
yoy_tahun_ini: []
}
formattedData.push([{ content: 'NASIONAL', colSpan: 7, styles: { fontStyle: 'bold' } }])
if (reportMeta.regional.id == 0) {
const data = groupingData(rawData, reportMeta)
const formattedData: any = []
let no = 1
for (const regional in data) {
const summary = data[regional].summary
formattedData.push([{ content: 'NASIONAL', colSpan: 7, styles: { fontStyle: 'bold' } }])
let no = 1
for (const regional in data) {
const summary = data[regional].summary
formattedData.push([
{ content: no++, styles: { halign: 'right' } },
regional,
formatNumber(summary.mom_bulan_kemarin),
formatNumber(summary.mom_bulan_ini),
formatPercentage(
!summary.mom_bulan_ini || !summary.mom_bulan_kemarin
? '0%'
: ((summary.mom_bulan_kemarin - summary.mom_bulan_ini) / summary.mom_bulan_kemarin) *
100
),
formatNumber(summary.yoy_tahun_kemarin),
formatNumber(summary.yoy_tahun_ini),
formatPercentage(
!summary.yoy_tahun_ini || !summary.yoy_tahun_kemarin
? '0%'
: ((summary.yoy_tahun_kemarin - summary.yoy_tahun_ini) / summary.yoy_tahun_kemarin) *
100
)
])
total.mom_bulan_kemarin.push(summary.mom_bulan_kemarin)
total.mom_bulan_ini.push(summary.mom_bulan_ini)
total.yoy_tahun_kemarin.push(summary.yoy_tahun_kemarin)
total.yoy_tahun_ini.push(summary.yoy_tahun_ini)
}
const totalMoMBulanKemarin =
total.mom_bulan_kemarin.reduce((a: number, b: number) => a + b, 0) /
total.mom_bulan_kemarin.length
const totalMoMBulanIni =
total.mom_bulan_ini.reduce((a: number, b: number) => a + b, 0) / total.mom_bulan_ini.length
const totalYoYTahunKemarin =
total.yoy_tahun_kemarin.reduce((a: number, b: number) => a + b, 0) /
total.yoy_tahun_kemarin.length
const totalYoYTahunIni =
total.yoy_tahun_ini.reduce((a: number, b: number) => a + b, 0) / total.yoy_tahun_ini.length
formattedData.push([
{ content: no++, styles: { halign: 'right' } },
regional,
formatNumber(summary.mom_bulan_kemarin),
formatNumber(summary.mom_bulan_ini),
{ content: 'TOTAL RATA-RATA', colSpan: 2, styles: { fontStyle: 'bold' } },
formatNumber(totalMoMBulanKemarin),
formatNumber(totalMoMBulanIni),
formatPercentage(
!summary.mom_bulan_ini || !summary.mom_bulan_kemarin
!totalMoMBulanIni || !totalMoMBulanKemarin
? '0%'
: ((summary.mom_bulan_kemarin - summary.mom_bulan_ini) / summary.mom_bulan_kemarin) * 100
: ((totalMoMBulanKemarin - totalMoMBulanIni) / totalMoMBulanKemarin) * 100
),
formatNumber(summary.yoy_tahun_kemarin),
formatNumber(summary.yoy_tahun_ini),
formatNumber(totalYoYTahunKemarin),
formatNumber(totalYoYTahunIni),
formatPercentage(
!summary.yoy_tahun_ini || !summary.yoy_tahun_kemarin
!totalYoYTahunIni || !totalYoYTahunKemarin
? '0%'
: ((summary.yoy_tahun_kemarin - summary.yoy_tahun_ini) / summary.yoy_tahun_kemarin) * 100
: ((totalYoYTahunKemarin - totalYoYTahunIni) / totalYoYTahunKemarin) * 100
)
])
total.mom_bulan_kemarin.push(summary.mom_bulan_kemarin)
total.mom_bulan_ini.push(summary.mom_bulan_ini)
total.yoy_tahun_kemarin.push(summary.yoy_tahun_kemarin)
total.yoy_tahun_ini.push(summary.yoy_tahun_ini)
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.mom_bulan_kemarin.push(item.mom_bulan_kemarin)
total.mom_bulan_ini.push(item.mom_bulan_ini)
total.yoy_tahun_kemarin.push(item.yoy_tahun_kemarin)
total.yoy_tahun_ini.push(item.yoy_tahun_ini)
})
const totalMoMBulanKemarin =
total.mom_bulan_kemarin.reduce((a: number, b: number) => a + b, 0) /
total.mom_bulan_kemarin.length
const totalMoMBulanIni =
total.mom_bulan_ini.reduce((a: number, b: number) => a + b, 0) / total.mom_bulan_ini.length
const totalYoYTahunKemarin =
total.yoy_tahun_kemarin.reduce((a: number, b: number) => a + b, 0) /
total.yoy_tahun_kemarin.length
const totalYoYTahunIni =
total.yoy_tahun_ini.reduce((a: number, b: number) => a + b, 0) / total.yoy_tahun_ini.length
formattedData.push([{ content: parentName, colSpan: 7, styles: { fontStyle: 'bold' } }])
const result = [
formatNumber(totalMoMBulanKemarin),
formatNumber(totalMoMBulanIni),
formatPercentage(
!totalMoMBulanIni || !totalMoMBulanKemarin
? '0%'
: ((totalMoMBulanKemarin - totalMoMBulanIni) / totalMoMBulanKemarin) * 100
),
formatNumber(totalYoYTahunKemarin),
formatNumber(totalYoYTahunIni),
formatPercentage(
!totalYoYTahunIni || !totalYoYTahunKemarin
? '0%'
: ((totalYoYTahunKemarin - totalYoYTahunIni) / totalYoYTahunKemarin) * 100
)
]
formattedData.push([{ content: '1', styles: { halign: 'right' } }, summaryName, ...result])
formattedData.push([
{ content: 'TOTAL RATA-RATA', colSpan: 2, styles: { fontStyle: 'bold' } },
...result
])
return formattedData
}
const totalMoMBulanKemarin =
total.mom_bulan_kemarin.reduce((a: number, b: number) => a + b, 0) /
total.mom_bulan_kemarin.length
const totalMoMBulanIni =
total.mom_bulan_ini.reduce((a: number, b: number) => a + b, 0) / total.mom_bulan_ini.length
const totalYoYTahunKemarin =
total.yoy_tahun_kemarin.reduce((a: number, b: number) => a + b, 0) /
total.yoy_tahun_kemarin.length
const totalYoYTahunIni =
total.yoy_tahun_ini.reduce((a: number, b: number) => a + b, 0) / total.yoy_tahun_ini.length
formattedData.push([
{ content: 'TOTAL RATA-RATA', colSpan: 2, styles: { fontStyle: 'bold' } },
formatNumber(totalMoMBulanKemarin),
formatNumber(totalMoMBulanIni),
formatPercentage(
!totalMoMBulanIni || !totalMoMBulanKemarin
? '0%'
: ((totalMoMBulanKemarin - totalMoMBulanIni) / totalMoMBulanKemarin) * 100
),
formatNumber(totalYoYTahunKemarin),
formatNumber(totalYoYTahunIni),
formatPercentage(
!totalYoYTahunIni || !totalYoYTahunKemarin
? '0%'
: ((totalYoYTahunKemarin - totalYoYTahunIni) / totalYoYTahunKemarin) * 100
)
])
return formattedData
}
const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) => {
@@ -145,7 +254,7 @@ const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) =>
const date = new Date().getDate()
const month = new Date().toLocaleString('id-ID', { month: 'long' })
const year = new Date().getFullYear()
const data = formatData(rawData)
const data = formatData(rawData, reportMeta)
const doc = new jsPDF({
orientation: 'landscape'
})
@@ -466,34 +575,38 @@ const exportToXLSX = (reportMeta: any, e: any) => {
worksheet,
2,
1,
`UNIT INDUK : ${reportMeta.uid
? reportMeta.uid.name.toUpperCase()
: 'Semua Unit Induk Distribusi/Wilayah'.toUpperCase()
`UNIT INDUK : ${
reportMeta.uid
? reportMeta.uid.name.toUpperCase()
: 'Semua Unit Induk Distribusi/Wilayah'.toUpperCase()
}`
)
setHeaderStyle(
worksheet,
3,
1,
`UNIT PELAKSANA PELAYANAN PELANGGAN : ${reportMeta.up3
? reportMeta.up3.name.toUpperCase()
: 'Semua Unit Pelaksanaan Pelayanan Pelanggan'.toUpperCase()
`UNIT PELAKSANA PELAYANAN PELANGGAN : ${
reportMeta.up3
? reportMeta.up3.name.toUpperCase()
: 'Semua Unit Pelaksanaan Pelayanan Pelanggan'.toUpperCase()
}`
)
setHeaderStyle(
worksheet,
4,
1,
`UNIT LAYANAN PELANGGAN : ${reportMeta.ulp
? reportMeta.ulp.name.toUpperCase()
: 'Semua Unit Layanan Pelanggan'.toUpperCase()
`UNIT LAYANAN PELANGGAN : ${
reportMeta.ulp
? reportMeta.ulp.name.toUpperCase()
: 'Semua Unit Layanan Pelanggan'.toUpperCase()
}`
)
setHeaderStyle(
worksheet,
5,
1,
`REGIONAL : ${reportMeta.regional ? reportMeta.regional.name.toUpperCase() : 'Semua Regional'.toUpperCase()
`REGIONAL : ${
reportMeta.regional ? reportMeta.regional.name.toUpperCase() : 'Semua Regional'.toUpperCase()
}`
)
@@ -558,9 +671,16 @@ const exportDetailToXLSX = (reportMeta: any, e: 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) => {
exportDetailToWord(reportMeta, rawData, `Laporan Detail ${reportName}`, null)
}
export { exportToPDF, exportDetailToPDF, exportToXLSX, exportDetailToXLSX, exportToDOCX, exportDetailToDOCX }
export {
exportToPDF,
exportDetailToPDF,
exportToXLSX,
exportDetailToXLSX,
exportToDOCX,
exportDetailToDOCX
}