57 lines
2.0 KiB
TypeScript
57 lines
2.0 KiB
TypeScript
"use client";
|
|
|
|
import { SectionCollapsible } from "@/shared/ui";
|
|
import type { FnrsCnsltnMngResponseDto } from "@/entities/fnrs-cnsltn";
|
|
import { Table, TableCell, TableHead, TableHeader, TableRow } from "@common/components";
|
|
|
|
interface BasicInfoSectionProps {
|
|
det: FnrsCnsltnMngResponseDto;
|
|
}
|
|
|
|
function BasicInfoSection({ det }: BasicInfoSectionProps) {
|
|
return (
|
|
<SectionCollapsible title="기본 정보">
|
|
<Table caption="재원협의 기본 정보" variant="secondary">
|
|
<colgroup>
|
|
<col width="15%" />
|
|
<col width="35%" />
|
|
<col width="15%" />
|
|
<col width="35%" />
|
|
</colgroup>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead scope="row">사업명</TableHead>
|
|
<TableCell>{det.bizNm || "-"}</TableCell>
|
|
<TableHead scope="row">사업기간</TableHead>
|
|
<TableCell>{(det.bizBgngYr || "-") + " ~ " + (det.bizEndYr || "-")}</TableCell>
|
|
</TableRow>
|
|
<TableRow>
|
|
<TableHead scope="row">사업내용</TableHead>
|
|
<TableCell colSpan={3}>{det.bizCn || "-"}</TableCell>
|
|
</TableRow>
|
|
<TableRow>
|
|
<TableHead scope="row">환경청구분</TableHead>
|
|
<TableCell>{det.envoSeCdNm || "-"}</TableCell>
|
|
<TableHead scope="row">구분</TableHead>
|
|
<TableCell>{det.taskSeCdNm || "-"}</TableCell>
|
|
</TableRow>
|
|
<TableRow>
|
|
<TableHead scope="row">신청지자체</TableHead>
|
|
<TableCell>
|
|
{det.sido || "-"} {det.gugun || "-"}
|
|
</TableCell>
|
|
<TableHead scope="row">확정예산사업번호</TableHead>
|
|
<TableCell>{det.cfmtnBgtBizNo || "-"}</TableCell>
|
|
</TableRow>
|
|
<TableRow>
|
|
<TableHead scope="row">예산신청연도</TableHead>
|
|
<TableCell colSpan={3}>{det.bgtAplyYr || "-"}</TableCell>
|
|
</TableRow>
|
|
</TableHeader>
|
|
</Table>
|
|
</SectionCollapsible>
|
|
);
|
|
}
|
|
|
|
export { BasicInfoSection };
|