import { CardFilterLaporan } from '@/components/CardCustom'
import { DatatablePrime } from '@/components/Datatables'
import { Belakang } from '@/components/Layouts'
import { Judul } from '@/components/TextCustom'
import { Laporan33 } from '@/services/laporan/laporan-service'
import { Formik } from 'formik'
import moment from 'moment'
import Head from 'next/head'
import { Button } from 'primereact/button'
import { Calendar } from 'primereact/calendar'
import { Column } from 'primereact/column'
import { useEffect, useState } from 'react'
export default function RekapPerJenisBelanja() {
const [data, setData] = useState([])
const [draw, setDraw] = useState(1)
const [refresh, setRefresh] = useState(0)
const [periodeFrom, setPeriodeFrom] = useState('')
const [periodeTo, setPeriodeTo] = useState('')
const headers = [
'Jenis Bayar',
'Jumlah Dokumen',
'Disetujui Tanpa Catatan',
'Disetujui Dengan Catatan',
'Tidak Disetujui',
]
useEffect(() => {
let params = {
from: periodeFrom,
to: periodeTo,
}
Laporan33(params)
.then((res) => {
if (res.status === 'error') {
setData([])
} else {
setData(res.data)
}
})
.catch((err) => console.log(err))
}, [refresh])
const dynamicColumns = headers.map((col, i) => {
return
})
return (
<>
Laporan Rekapitulasi per Jenis Belanja
Laporan Rekapitulasi per Jenis Belanja
{
let periodeFromBefore = values.from
let periodeToBefore = values.to
Object.assign(values, { from: moment(values.from).format('YYYY-MM') })
Object.assign(values, { to: moment(values.to).format('YYYY-MM') })
setPeriodeFrom(values.from)
setPeriodeTo(values.to)
values.from = periodeFromBefore
values.to = periodeToBefore
setRefresh(Math.random())
setSubmitting(false)
}}
validateOnChange={false}
>
{({ values, handleChange, handleSubmit, isSubmitting }) => {
return (
)
}}
{dynamicColumns}
)
}