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,22 +1,8 @@
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'
import { Workbook } from 'exceljs'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
import { setHeaderStyle } from '@/report/utils/xlsx'
import { formatNumber, formatPercentage } from '@/utils/numbers'
import { getMonthName } from '@/utils/texts'
@ -24,50 +10,112 @@ import { exportToWord } from './doc/MonalisaGR_JumlahKaliGangguan_DOC'
const reportName = 'Jumlah Kali 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,56 +125,100 @@ const formatData = (rawData: any) => {
yoy_tahun_ini: 0
}
formattedData.push([{ content: 'NASIONAL', colSpan: 7, styles: { fontStyle: 'bold' } }])
if (reportMeta.regional.id == 0) {
const data = groupingData(rawData, reportMeta)
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 += summary.mom_bulan_kemarin
total.mom_bulan_ini += summary.mom_bulan_ini
total.yoy_tahun_kemarin += summary.yoy_tahun_kemarin
total.yoy_tahun_ini += summary.yoy_tahun_ini
}
formattedData.push([
{ content: no++, styles: { halign: 'right' } },
regional,
formatNumber(summary.mom_bulan_kemarin),
formatNumber(summary.mom_bulan_ini),
{ content: 'TOTAL', colSpan: 2, styles: { fontStyle: 'bold' } },
formatNumber(total.mom_bulan_kemarin),
formatNumber(total.mom_bulan_ini),
formatPercentage(
!summary.mom_bulan_ini || !summary.mom_bulan_kemarin
!total.mom_bulan_ini || !total.mom_bulan_kemarin
? '0%'
: ((summary.mom_bulan_kemarin - summary.mom_bulan_ini) / summary.mom_bulan_kemarin) * 100
: ((total.mom_bulan_kemarin - total.mom_bulan_ini) / total.mom_bulan_kemarin) * 100
),
formatNumber(summary.yoy_tahun_kemarin),
formatNumber(summary.yoy_tahun_ini),
formatNumber(total.yoy_tahun_kemarin),
formatNumber(total.yoy_tahun_ini),
formatPercentage(
!summary.yoy_tahun_ini || !summary.yoy_tahun_kemarin
!total.yoy_tahun_ini || !total.yoy_tahun_kemarin
? '0%'
: ((summary.yoy_tahun_kemarin - summary.yoy_tahun_ini) / summary.yoy_tahun_kemarin) * 100
: ((total.yoy_tahun_kemarin - total.yoy_tahun_ini) / total.yoy_tahun_kemarin) * 100
)
])
total.mom_bulan_kemarin += summary.mom_bulan_kemarin
total.mom_bulan_ini += summary.mom_bulan_ini
total.yoy_tahun_kemarin += summary.yoy_tahun_kemarin
total.yoy_tahun_ini += 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 += item.mom_bulan_kemarin
total.mom_bulan_ini += item.mom_bulan_ini
total.yoy_tahun_kemarin += item.yoy_tahun_kemarin
total.yoy_tahun_ini += item.yoy_tahun_ini
})
formattedData.push([{ content: parentName, colSpan: 7, styles: { fontStyle: 'bold' } }])
const result = [
formatNumber(total.mom_bulan_kemarin),
formatNumber(total.mom_bulan_ini),
formatPercentage(
!total.mom_bulan_ini || !total.mom_bulan_kemarin
? '0%'
: ((total.mom_bulan_kemarin - total.mom_bulan_ini) / total.mom_bulan_kemarin) * 100
),
formatNumber(total.yoy_tahun_kemarin),
formatNumber(total.yoy_tahun_ini),
formatPercentage(
!total.yoy_tahun_ini || !total.yoy_tahun_kemarin
? '0%'
: ((total.yoy_tahun_kemarin - total.yoy_tahun_ini) / total.yoy_tahun_kemarin) * 100
)
]
formattedData.push([{ content: '1', styles: { halign: 'right' } }, summaryName, ...result])
formattedData.push([{ content: 'TOTAL', colSpan: 2, styles: { fontStyle: 'bold' } }, ...result])
return formattedData
}
formattedData.push([
{ content: 'TOTAL', colSpan: 2, styles: { fontStyle: 'bold' } },
formatNumber(total.mom_bulan_kemarin),
formatNumber(total.mom_bulan_ini),
formatPercentage(
!total.mom_bulan_ini || !total.mom_bulan_kemarin
? '0%'
: ((total.mom_bulan_kemarin - total.mom_bulan_ini) / total.mom_bulan_kemarin) * 100
),
formatNumber(total.yoy_tahun_kemarin),
formatNumber(total.yoy_tahun_ini),
formatPercentage(
!total.yoy_tahun_ini || !total.yoy_tahun_kemarin
? '0%'
: ((total.yoy_tahun_kemarin - total.yoy_tahun_ini) / total.yoy_tahun_kemarin) * 100
)
])
return formattedData
}
const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) => {
@ -134,7 +226,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'
})
@ -309,34 +401,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()
}`
)
@ -370,6 +466,6 @@ const exportToXLSX = (reportMeta: any, e: any) => {
const exportToDOCX = (reportMeta: any, rawData: any) => {
console.log(reportMeta, rawData)
exportToWord(reportMeta, formatData(rawData), `Laporan ${reportName}`, null)
exportToWord(reportMeta, formatData(rawData, reportMeta), `Laporan ${reportName}`, null)
}
export { exportToPDF, exportToXLSX, exportToDOCX }
export { exportToPDF, exportToXLSX, exportToDOCX }