82 lines
2.5 KiB
TypeScript
82 lines
2.5 KiB
TypeScript
"use client";
|
|
import { useWrStore } from "@/app/store";
|
|
import { yearOptions } from "@/components/lib/func/commom";
|
|
import {
|
|
ContentsDiv,
|
|
SearchDiv,
|
|
SearchFormLeft,
|
|
SelectBox,
|
|
Title,
|
|
UiTable,
|
|
} from "@common/business_components/ui";
|
|
import ListDiv from "@common/business_components/ui/list_div";
|
|
import { Button } from "@common/components/ui";
|
|
import { useState } from "react";
|
|
|
|
export default function rainStat() {
|
|
const { code, rainStat } = useWrStore((state) => {
|
|
return state;
|
|
});
|
|
const [pageNation, setPageNation] = useState(1);
|
|
const [searchYear, setSearchYear] = useState<string>(
|
|
String(new Date().getFullYear())
|
|
);
|
|
|
|
return (
|
|
<>
|
|
<ContentsDiv>
|
|
<div className="grid grid-cols-4 gap-4">
|
|
<div className="col-span-4">
|
|
<Title title={"재이용 통계"} />
|
|
<SearchDiv>
|
|
<SearchFormLeft>
|
|
<SelectBox
|
|
className="w-full h-full text-2xl"
|
|
label="통계년도"
|
|
selectClass={""}
|
|
selectArray={yearOptions}
|
|
value={searchYear}
|
|
onSelectValue={(val: string | number) =>
|
|
setSearchYear(String(val))
|
|
}
|
|
/>
|
|
<div className="flex flex-row space-x-2 items-center">
|
|
<Button className="" size={"sm"} onClick={(e) => {}}>
|
|
조회
|
|
</Button>
|
|
<Button className="" size={"sm"} onClick={(e) => {}}>
|
|
다운로드
|
|
</Button>
|
|
<Button className="" size={"sm"} onClick={(e) => {}}>
|
|
전체통계다운로드
|
|
</Button>
|
|
</div>
|
|
</SearchFormLeft>
|
|
{/* <SearchFormRight>
|
|
|
|
</SearchFormRight> */}
|
|
</SearchDiv>
|
|
</div>
|
|
</div>
|
|
<div className="grid grid-cols-6 gap-4">
|
|
<div className="col-span-6 h-full min-h-0">
|
|
<ListDiv className="min-h-0">
|
|
{/* <ScrollArea className="h-[60vh]"> */}
|
|
<UiTable
|
|
tableData={[]}
|
|
headlist={rainStat.rainStatHeadList}
|
|
pageSize={20}
|
|
total={10000}
|
|
headName={"건축물 목록"}
|
|
cellClick={(val, headId) => {}}
|
|
onPageChange={setPageNation}
|
|
></UiTable>
|
|
{/* </ScrollArea> */}
|
|
</ListDiv>
|
|
</div>
|
|
</div>
|
|
</ContentsDiv>
|
|
</>
|
|
);
|
|
}
|