import { CardFilterLaporan } from '@/components/CardCustom' import { DatatablePrime } from '@/components/Datatables' import { Belakang } from '@/components/Layouts' import { Judul } from '@/components/TextCustom' import { DDUserVerifKasub, Laporan21 } from '@/services/laporan/laporan-service' import { UserGetOne } from '@/services/manajemen/user-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 { Dropdown } from 'primereact/dropdown' import { useEffect, useState } from 'react' export default function RekapBulananPerUser() { const [data, setData] = useState([]) const [headers, setHeaders] = useState([]) const [draw, setDraw] = useState(1) const [optionVerifKasub, setOptionVerifKasub] = useState([]) const [userID, setUserID] = useState('') const [refresh, setRefresh] = useState(0) const [periodeFrom, setPeriodeFrom] = useState('') const [periodeTo, setPeriodeTo] = useState('') const [namaUser, setNamaUser] = useState('') useEffect(() => { let params = { from: periodeFrom, to: periodeTo, user_id: userID, } Laporan21(params) .then((res) => { if (res.status === 'error') { setData([]) } else { // console.log(res.data) setData(res.data.rows) setHeaders(res.data.headers) } }) .catch((err) => console.log(err)) }, [refresh]) useEffect(() => { DDUserVerifKasub() .then((res) => setOptionVerifKasub(res.data)) .catch((err) => console.log(err)) }, []) const dynamicColumns = headers.map((col, i) => { return }) return ( <> Laporan Rekapitulasi Bulanan per User Laporan Rekapitulasi Bulanan per User { 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) setUserID(values.user_id) UserGetOne({ user_id: values.user_id }).then((res) => { setNamaUser(res.data.nama) }) values.from = periodeFromBefore values.to = periodeToBefore setRefresh(Math.random()) setSubmitting(false) }} validateOnChange={false} > {({ values, handleChange, handleSubmit, isSubmitting }) => { return (

S/D

) }}
Nama : {namaUser}
Unit : Biro Keuangan
Bulan : {periodeFrom && moment(periodeFrom).format('MMMM YYYY')}
{dynamicColumns} ) }