59 lines
2.3 KiB
TypeScript
59 lines
2.3 KiB
TypeScript
"use client";
|
|
|
|
import { SectionCollapsible } from "@/shared/ui";
|
|
import type { FnrsCnsltnMngResponseDto } from "@/entities/fnrs-cnsltn";
|
|
import { PreviousPlanLookupButton } from "@/widgets/previous-plan-lookup";
|
|
import { Table, TableCell, TableHead, TableHeader, TableRow } from "@common/components";
|
|
|
|
interface BasicInfoSectionProps {
|
|
det: FnrsCnsltnMngResponseDto;
|
|
}
|
|
|
|
function BasicInfoSection({ det }: BasicInfoSectionProps) {
|
|
return (
|
|
<SectionCollapsible title="기본 정보">
|
|
<PreviousPlanLookupButton sidoNm={det.sido} gugunNm={det.gugun} />
|
|
<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 };
|