/* eslint-disable no-mixed-spaces-and-tabs */ import { LandingPageLayout } from '@/components/Layouts' import { CekTagihan } from '@/services/cek-tagihan-service' import { HomepageGet } from '@/services/homepage-service' import Head from 'next/head' import Image from 'next/image' import Link from 'next/link' import { Button } from 'primereact/button' import { Column } from 'primereact/column' import { ColumnGroup } from 'primereact/columngroup' import { DataTable } from 'primereact/datatable' import { InputText } from 'primereact/inputtext' import { Panel } from 'primereact/panel' import { Row } from 'primereact/row' import { Steps } from 'primereact/steps' import React, { useEffect, useState } from 'react' import { FaFileArrowUp, FaFileCircleCheck, FaFileLines, FaFileSignature } from 'react-icons/fa6' export default function LandingPage({ token }) { const [cekTagihan, setCekTagihan] = useState('') const [dataCekTagihan, setDataCekTagihan] = useState([]) const [data, setData] = useState([ { status_tagihan_daily: { 'Ditolak/dikembalikan': { total: 0, percentage: 0 }, 'Disetujui dengan catatan': { total: 0, percentage: 0 }, 'Disetujui tanpa catatan': { total: 0, percentage: 0 }, }, status_tagihan_ytd: { 'Ditolak/dikembalikan': { total: 0, percentage: 0 }, 'Disetujui dengan catatan': { total: 0, percentage: 0 }, 'Disetujui tanpa catatan': { total: 0, percentage: 0 }, }, jenis_tagihan_daily: { GUP: { percentage: 0, total: 0, }, LS: { percentage: 0, total: 0, }, PTUP: { percentage: 0, total: 0, }, }, jenis_tagihan_yearly: { GUP: { percentage: 0, total: 0, }, LS: { percentage: 0, total: 0, }, PTUP: { percentage: 0, total: 0, }, }, }, ]) const [dataKetetapan, setDataKetetapan] = useState([]) const [dataPrgoress, setDataPrgoress] = useState([]) useEffect(() => { HomepageGet() .then((res) => { setData([res.data]) setDataKetetapan(res.data.monitoring_ketepatan) setDataPrgoress(res.data.monitoring_progress) }) .catch((err) => { setData(err) console.log('err homepage get', err) }) }, []) const handleCari = () => { CekTagihan(cekTagihan) .then((res) => setDataCekTagihan(res.data)) .catch((err) => console.log(err)) } const items = [ { label: 'Pengajuan tagihan' }, { label: 'Berkas telah diverifikasi' }, { label: 'Berkas telah divalidasi' }, { label: 'Berkas telah diapprove' }, { label: 'Berkas disetujui bendahara' }, { label: 'Berkas disetujui PPSPM' }, { label: 'SPM dikirim', className: 'last-dor' }, ] const headerGroup = ( ) return (
E-Verifikasi
logo

SISTEM APLIKASI

Penyelesaian Tagihan dan Pertanggungjawaban Keuangan

{token ? (
{ return (

Cek Tagihan

) }} toggleable className='md:hidden mb-1' >
setCekTagihan(e.target.value)} placeholder='Masukkan nomor SPP' style={{ marginBottom: '10px', width: '100%' }} />
{Object.keys(dataCekTagihan).length > 0 && (
Tracking Dokumen
Detail Dokumen

No SPP: {dataCekTagihan.detail.no_spp}

Nama tagihan: {dataCekTagihan.detail.nama_tagihan}

Nama unit: {dataCekTagihan.detail.nama_unit}

)} {/* YTD DOKUMEN */} { return (

Year to Date

) }} toggleable >

Jumlah Dokumen

{data.length > 0 && Object.keys(data[0].status_tagihan_ytd).length > 0 ? data[0].status_tagihan_ytd['Ditolak/dikembalikan'].total + data[0].status_tagihan_ytd['Disetujui dengan catatan'].total + data[0].status_tagihan_ytd['Disetujui tanpa catatan'].total : 0}

Dikembalikan

{data.length > 0 && data[0].status_tagihan_ytd['Ditolak/dikembalikan'].total}

({data.length > 0 && data[0].status_tagihan_ytd['Ditolak/dikembalikan'].percentage}%)

Dengan Catatan

{data.length > 0 && data[0].status_tagihan_ytd['Disetujui dengan catatan'].total}

({data.length > 0 && data[0].status_tagihan_ytd['Disetujui dengan catatan'].percentage}%)

Disetujui

{data.length > 0 && data[0].status_tagihan_ytd['Disetujui tanpa catatan'].total}

({data.length > 0 && data[0].status_tagihan_ytd['Disetujui tanpa catatan'].percentage}%)

{/* TODAY DOKUMEN */} { return (

Today

) }} toggleable >

Jumlah Dokumen

{data[0].status_tagihan_daily['Ditolak/dikembalikan'].total + data[0].status_tagihan_daily['Disetujui dengan catatan'].total + data[0].status_tagihan_daily['Disetujui tanpa catatan'].total}

Dikembalikan

{data[0].status_tagihan_daily['Ditolak/dikembalikan'].total}

({data[0].status_tagihan_daily['Ditolak/dikembalikan'].percentage} %)

Dengan Catatan

{data[0].status_tagihan_daily['Disetujui dengan catatan'].total}

({data[0].status_tagihan_daily['Disetujui dengan catatan'].percentage} %)

Disetujui

{data[0].status_tagihan_daily['Disetujui tanpa catatan'].total}

({data[0].status_tagihan_daily['Disetujui tanpa catatan'].percentage} %)

{/* YTD ALL TAGIHAN */} { return (

Year to Date

) }} toggleable >

Tagihan LS

{data[0].jenis_tagihan_yearly.LS.total}

({data[0].jenis_tagihan_yearly.LS.percentage} %)

Tagihan GU

{data[0].jenis_tagihan_yearly.GUP.total}

({data[0].jenis_tagihan_yearly.GUP.percentage} %)

Tagihan TUP

{data[0].jenis_tagihan_yearly.PTUP.total}

({data[0].jenis_tagihan_yearly.PTUP.percentage} %)

{/* TODAY ALL TAGIHAN */} { return (

Today

) }} toggleable >

Tagihan LS

{data[0].jenis_tagihan_daily.LS.total}

({data[0].jenis_tagihan_daily.LS.percentage} %)

Tagihan GU

{data[0].jenis_tagihan_daily.GUP.total}

({data[0].jenis_tagihan_daily.GUP.percentage} %)

Tagihan TUP

{data[0].jenis_tagihan_daily.PTUP.total}

({data[0].jenis_tagihan_daily.PTUP.percentage} %)

{/* MONITORING PROGRESS PENYELESAIAN DOKUMEN */} { return (

Monitoring Progress Penyelesaian Dokumen

) }} toggleable > {/* MONITORING KETEPATAN PENGAJUAN DOKUMEN */} { return (

Monitoring Ketepatan Pengajuan Dokumen

) }} toggleable >
) } export const getServerSideProps = async (ctx) => { const token = ctx.req.cookies.token || null return { props: { token, }, } }