diff --git a/apps/wr/app/ruseFcltMng/prfmncSttn/pbnstPrfmncSttn/page.tsx b/apps/wr/app/ruseFcltMng/prfmncSttn/pbnstPrfmncSttn/page.tsx index ffab393da..9267f8ae6 100644 --- a/apps/wr/app/ruseFcltMng/prfmncSttn/pbnstPrfmncSttn/page.tsx +++ b/apps/wr/app/ruseFcltMng/prfmncSttn/pbnstPrfmncSttn/page.tsx @@ -2,19 +2,40 @@ import { useWrStore } from "@/app/store"; import { btnClass } from "@/app/store/common/code"; +import type { FcPrfType, PrfType } from "@/app/store/prfmncReg/pbnstPrfmncReg/type"; import { yearOptions } from "@/components/lib/func/commom"; -import { ContentsDiv, SearchBaseForm, SearchDiv, SearchFormLeft, SearchInput, SelectBox, Title, UiTable } from "@common/business_components/ui"; +import { ContentsDiv, Title, SearchBaseForm, SelectBox, SearchInput, UiTable } from "@common/business_components"; import ListDiv from "@common/business_components/ui/list_div"; -import { Button, DatePicker, Label } from "@common/components/ui"; +import { Button, Label } from "@common/components/ui"; import { useEffect, useState } from "react"; + + export default function PbnstPrfmncSttn() { - const { code, tableHeadMaker, pbnstPrfmncSttn, pbnstPrfmncSearch } = useWrStore((state) => state); - const { pbnstPrfHeadList } = pbnstPrfmncSttn; + const { code, tableHeadMaker, pbnstPrfmncSttn, pbnstPrfmncInit } = useWrStore((state) => state); + const { pbnstPrfHeadList, pbnstPrfmncRes, prfmncRes } = pbnstPrfmncSttn; const [isChHead, setIsChHead] = useState(false); const [fromDate, setFromDate] = useState(String(new Date().getFullYear())); const [toDate, setToDate] = useState(String(new Date().getFullYear())); - + const [pbnstTable, setPbnstTable] = useState(); + const [bdstTable, setbdstTable] = useState(); + + useEffect(() => { + console.log("pbnstPrfmncRes", pbnstPrfmncRes ) + setPbnstTable([]); + }, [pbnstPrfmncRes]); + + useEffect(() => { + console.log("prfmncRes",prfmncRes) + setbdstTable(prfmncRes); + }, [prfmncRes]); + + + useEffect(() => { + pbnstPrfmncInit(); + }, [pbnstPrfmncInit]); + + return ( <> @@ -28,72 +49,59 @@ export default function PbnstPrfmncSttn() { selectUnitWaterShedData={code.lgbsnCd} selectMiddleRegionData={code.mdmbsnCd} selectEnvPartData={code.lclgvrnmntCd} - rightChildren={ - - } - leftChildren={ -
-
-
- - - setFromDate(String(val)) - } - /> - - setToDate(String(val)) - } - /> -
- { - - }} - /> + rightChildren={} + leftChildren={
+
+
+ { }} - /> + selectArray={yearOptions} + value={fromDate} + onSelectValue={(val: string | number) => setFromDate(String(val))} /> + setToDate(String(val))} />
+ { + }} /> + { }} />
- } +
} queryClick={function (): void { if (fromDate && toDate) { - const fromNum = Number(fromDate) - const toNum = Number(toDate) + const fromNum = Number(fromDate); + const toNum = Number(toDate); if (fromNum > toNum) { - alert("시작년도가 종료년도 이후로 설정할 수 없습니다.") + alert("시작년도가 종료년도 이후로 설정할 수 없습니다."); } else { if (toNum - fromNum > 5) { - alert("최대 5년까지 선택 가능합니다.") + alert("최대 5년까지 선택 가능합니다."); } else { - tableHeadMaker(fromNum, toNum) + tableHeadMaker(fromNum, toNum); } } } @@ -109,7 +117,7 @@ export default function PbnstPrfmncSttn() { void; - pbnstPrfmncSearch: () => void; + pbnstPrfmncInit: () => void; } +const pbnstPrfmncRes: PrfType[] = []; +const prfmncRes: FcPrfType[] = []; + export type pbnstPrfmncSttnState = { pbnstPrfmncSttn: { pbnstPrfHeadList: TableUpperProps[]; + pbnstPrfmncRes: PrfType[]; + prfmncRes: FcPrfType[]; + isInit: boolean; } } @@ -17,7 +24,10 @@ export type pbnstPrfmncSttnType = pbnstPrfmncSttnState & pbnstPrfmncSttnActions; export const pbnstPrfmncSttnExport: pbnstPrfmncSttnState = { pbnstPrfmncSttn: { - pbnstPrfHeadList: [...pbnstPrfmncSttnHeadListExport] + pbnstPrfHeadList: [...pbnstPrfmncSttnHeadListExport], + pbnstPrfmncRes: pbnstPrfmncRes, + prfmncRes: prfmncRes, + isInit: false, } } @@ -29,10 +39,10 @@ export const pbnstPrfmncSttnActionsExport: (set: any) => pbnstPrfmncSttnActions let yearHeader: TableUpperProps[] = [...pbnstPrfmncSttnHeadListExport]; for (let i = startYear; i <= endYear; i++) { const yearHead = JSON.parse(JSON.stringify(pbnstYearHeadListExport)); - if (yearHead){ + if (yearHead) { yearHead.forEach((item: { id: number; }) => (item.id = i + item.id)) - if(yearHead[0]) - yearHead[0].title = i + "년도" + if (yearHead[0]) + yearHead[0].title = i + "년도" } yearHeader = [...yearHeader, ...yearHead] } @@ -40,30 +50,34 @@ export const pbnstPrfmncSttnActionsExport: (set: any) => pbnstPrfmncSttnActions return { ...state, pbnstPrfmncSttn: { - pbnstPrfHeadList: [ ...yearHeader] + pbnstPrfHeadList: [...yearHeader] }, }; }); }, - pbnstPrfmncSearch: async () => { + pbnstPrfmncInit: async () => { try { - const pbnstPrfmncRes = await getFetch( - fetchType.WR, - `/reuseFc/pubDetailList/` - ); + const pbnstPrfmncSttnRes = await getFetch('wr', `/reuseFc/pubDetailList`); + console.log("이안에", pbnstPrfmncSttnRes) + const ruseFcltPk = pbnstPrfmncSttnRes.fcltCds; + console.log("이거다", ruseFcltPk) + const ruseFcltRes = await getFetch('wr', `/reuseFc/pubFc/${ruseFcltPk}`); + console.log("이제나올듯", ruseFcltRes) + set((state: pbnstPrfmncSttnState) => { return { ...state, pbnstPrfmncSttn: { ...state.pbnstPrfmncSttn, - pbnstPrfmncRes: pbnstPrfmncRes, + pbnstPrfmncSttnRes: pbnstPrfmncSttnRes, + ruseFcltRes: ruseFcltRes, isInit: false, }, }; }); - } catch (erTxt) { - console.log("error", erTxt); + } catch (e) { + console.log(e) } },