import { CardFilterLaporan } from '@/components/CardCustom'
import { DatatablePrime } from '@/components/Datatables'
import { Belakang } from '@/components/Layouts'
import { Judul } from '@/components/TextCustom'
import { Laporan31 } 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 RekapBulananPerUser() {
const [data, setData] = useState([])
const [draw, setDraw] = useState(1)
const [refresh, setRefresh] = useState(0)
const [periodeFrom, setPeriodeFrom] = useState('')
const [periodeTo, setPeriodeTo] = useState('')
const headers = ['Bulan', 'Dokumen', 'Disetujui Tanpa Catatan', 'Disetujui Dengan Catatan', 'Tidak Disetujui']
useEffect(() => {
let params = {
from: periodeFrom,
to: periodeTo,
}
Laporan31(params)
.then((res) => {
if (res.status === 'error') {
setData([])
} else {
setData(res.data)
}
})
.catch((err) => console.log(err))
}, [refresh])
const bodyTanggal = (rowData) => {
return moment(rowData[0]).format('MMM YYYY')
}
const dynamicColumns = headers.map((col, i) => {
let bodyx
if (i === 0) {
bodyx = { body: bodyTanggal }
}
return
})
return (
<>
Laporan Rekapitulasi Hasil Verifikasi per Bulan
Laporan Rekapitulasi Hasil Verifikasi per Bulan
{
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}
)
}