-
진행 단계
-
- {badges.map((badge, index) => (
-
- {index > 0 && >}
- {badge.label}
-
- ))}
-
+
+ {badges.map((badge, index) => (
+
+ {index > 0 && >}
+ {badge.label}
+
+ ))}
);
}
-export { ProgressStepIndicator };
+export function createFnrsCnsltnColumns() {
+ return [
+ columnHelper.accessor("sido", {
+ header: "시도",
+ meta: { align: "center" },
+ cell: ({ getValue }) => formatOptional(getValue()),
+ }),
+ columnHelper.accessor("gugun", {
+ header: "시군구",
+ meta: { align: "center" },
+ cell: ({ getValue }) => formatOptional(getValue()),
+ }),
+ columnHelper.accessor("bizNm", {
+ header: "사업명",
+ meta: { align: "left" },
+ cell: ({ getValue }) => formatOptional(getValue()),
+ }),
+ columnHelper.accessor("taskSeCdNm", {
+ header: "업무구분",
+ meta: { align: "center" },
+ cell: ({ row }) => formatOptional(row.original.taskSeCdNm || row.original.taskSeComCd),
+ }),
+ columnHelper.accessor("aplcntNm", {
+ header: "담당자",
+ meta: { align: "center" },
+ cell: ({ getValue }) => formatOptional(getValue()),
+ }),
+ columnHelper.accessor("envoSeCdNm", {
+ header: "해당기관",
+ meta: { align: "center" },
+ cell: ({ getValue }) => formatOptional(getValue()),
+ }),
+ columnHelper.display({
+ id: "progress",
+ header: "진행상황",
+ meta: { align: "center" },
+ cell: ({ row }) => (
+
+ ),
+ }),
+ columnHelper.accessor("regDt", {
+ header: "신청일",
+ meta: { align: "center" },
+ cell: ({ getValue }) => {
+ const value = getValue();
+ return value ? dayjs(value).format("YYYY-MM-DD") : "-";
+ },
+ }),
+ ];
+}
diff --git a/apps/as/src/pages/fnrs-cnsltn/model/reviewer-option.ts b/apps/as/src/pages/fnrs-cnsltn/model/reviewer-option.ts
new file mode 100644
index 000000000..2c9a72ef8
--- /dev/null
+++ b/apps/as/src/pages/fnrs-cnsltn/model/reviewer-option.ts
@@ -0,0 +1,5 @@
+export interface ReviewerOption {
+ uuid: string;
+ name: string;
+ deptNm: string;
+}
diff --git a/apps/as/src/pages/fnrs-cnsltn/model/view-types.ts b/apps/as/src/pages/fnrs-cnsltn/model/view-types.ts
new file mode 100644
index 000000000..db60bd696
--- /dev/null
+++ b/apps/as/src/pages/fnrs-cnsltn/model/view-types.ts
@@ -0,0 +1,86 @@
+import type {
+ AtflMngClientResponseDto,
+ BizCstTreeDto,
+ BizSclTreeDto,
+ CklstRvwRsltTreeDto,
+ ElaprDocPrgrsClientResponseDto,
+ EsntlAtchFileMngTreeResponseDto,
+ FnrsCnsltnMngDetResponseDto,
+ FnrsCnsltnMngResponseDto,
+ FnrsCnsltnRvwOpnnResponseDto,
+} from "@/entities/fnrs-cnsltn";
+
+export type ReviewStepCode = "LOCAL" | "ENV" | "KECO";
+
+export type {
+ AtflMngClientResponseDto,
+ BizCstTreeDto,
+ BizSclTreeDto,
+ CklstRvwRsltTreeDto,
+ ElaprDocPrgrsClientResponseDto,
+ EsntlAtchFileMngTreeResponseDto,
+ FnrsCnsltnMngDetResponseDto,
+ FnrsCnsltnMngResponseDto,
+ FnrsCnsltnRvwOpnnResponseDto,
+};
+
+export type ChecklistRowKey = string;
+
+export interface ChecklistProgress {
+ total: number;
+ completed: number;
+ percent: number;
+}
+
+export const DEFAULT_CHECKLIST_PROGRESS: ChecklistProgress = {
+ total: 0,
+ completed: 0,
+ percent: 0,
+};
+
+export interface ChecklistFormState {
+ results: Record
;
+ comments: Record;
+ progress: ChecklistProgress;
+}
+
+export type ChecklistStepMap = Record;
+
+export const REVIEW_STEP_CODES: ReviewStepCode[] = ["LOCAL", "ENV", "KECO"];
+
+export const REVIEW_STEP_LABELS: Record = {
+ LOCAL: "지자체",
+ ENV: "환경청",
+ KECO: "환경공단",
+};
+
+export const TASK_CODE_LABELS: Record = {
+ RE: "재이용수",
+ SP: "하수관로",
+ SF: "하수처리시설",
+};
+
+export const PBADMS_PROGRESS_ORDER = [
+ "SV",
+ "SL",
+ "TA",
+ "ST",
+ "EP",
+ "LE",
+ "TP",
+ "ER",
+ "TE",
+ "TB",
+] as const;
+
+export const ROLE_TO_REVIEW_STEP: Record = {
+ ROLE_USER05: "LOCAL",
+ ROLE_USER03: "ENV",
+ ROLE_USER01: "KECO",
+};
+
+export const REVIEW_STEP_ROLE_RANK: Record = {
+ LOCAL: 1,
+ ENV: 2,
+ KECO: 3,
+};
diff --git a/apps/as/src/pages/fnrs-cnsltn/ui/components/aprvr-picker-dialog.tsx b/apps/as/src/pages/fnrs-cnsltn/ui/components/aprvr-picker-dialog.tsx
new file mode 100644
index 000000000..dd241a514
--- /dev/null
+++ b/apps/as/src/pages/fnrs-cnsltn/ui/components/aprvr-picker-dialog.tsx
@@ -0,0 +1,125 @@
+"use client";
+
+import { RvwMnpwMngResponseDto, useRvwMnpwMngPage } from "@/entities/rvw-mnpw";
+import {
+ Button,
+ Dialog,
+ DialogContent,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ Skeleton,
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@common/components";
+
+import { type ReviewerOption } from "../../model/reviewer-option";
+
+const PAGE_SIZE = 500;
+
+interface AprvrPickerDialogProps {
+ open: boolean;
+ onOpenChange: (open: boolean) => void;
+ atrzSeComCd: string;
+ onSelect: (reviewer: ReviewerOption) => void;
+}
+
+function AprvrPickerDialog({ open, onOpenChange, atrzSeComCd, onSelect }: AprvrPickerDialogProps) {
+ const { data, isPending, isError } = useRvwMnpwMngPage(
+ {
+ atrzSeComCd,
+ page: 0,
+ size: PAGE_SIZE,
+ sort: "userUuidNm,asc",
+ },
+ { enabled: open },
+ );
+
+ const items = data?.content ?? [];
+
+ function fromRvwMnpwMng(item: RvwMnpwMngResponseDto): ReviewerOption {
+ return {
+ uuid: item.userUuid,
+ name: item.userUuidNm ?? "",
+ deptNm: item.ognzNm ?? "",
+ };
+ }
+
+ function handleSelect(item: (typeof items)[number]) {
+ onSelect(fromRvwMnpwMng(item));
+ onOpenChange(false);
+ }
+
+ return (
+
+ );
+}
+
+export { AprvrPickerDialog };
diff --git a/apps/as/src/pages/fnrs-cnsltn/ui/components/checklist-task-panel.tsx b/apps/as/src/pages/fnrs-cnsltn/ui/components/checklist-task-panel.tsx
new file mode 100644
index 000000000..4e0100089
--- /dev/null
+++ b/apps/as/src/pages/fnrs-cnsltn/ui/components/checklist-task-panel.tsx
@@ -0,0 +1,164 @@
+import type { Dispatch, SetStateAction } from "react";
+
+import type { CklstRvwRsltTreeDto } from "@/entities/fnrs-cnsltn";
+import {
+ cn,
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+ Textarea,
+} from "@common/components";
+
+import { buildChecklistRowKey, patchChecklistFormState } from "../../lib/checklist-utils";
+import type { ReviewStepCode } from "../../model/view-types";
+import { type ChecklistFormState, ROLE_TO_REVIEW_STEP } from "../../model/view-types";
+
+interface ChecklistTaskPanelProps {
+ selectedReviewStep: ReviewStepCode;
+ selectedRows: CklstRvwRsltTreeDto[];
+ allRows: CklstRvwRsltTreeDto[];
+ formState: ChecklistFormState;
+ setFormState: Dispatch>;
+ userRoleCode?: string;
+}
+
+function ChecklistTaskPanel({
+ selectedReviewStep,
+ selectedRows,
+ allRows,
+ formState,
+ setFormState,
+ userRoleCode,
+}: ChecklistTaskPanelProps) {
+ const currentUserReviewStep = userRoleCode ? ROLE_TO_REVIEW_STEP[userRoleCode] : undefined;
+ const isStepEditable = currentUserReviewStep === selectedReviewStep;
+
+ return (
+ <>
+
+
+
+
+
+ 검토항목
+
+ 주요 검토내용
+ 검토 결과
+ {selectedReviewStep !== "LOCAL" ? (
+
+ 기술검토 의견
+
+ ) : null}
+
+
+ 예
+ 아니오
+
+
+
+ {selectedRows.length === 0 ? (
+
+
+ 조회된 체크리스트 항목이 없습니다.
+
+
+ ) : (
+ selectedRows.map((row) => {
+ const key = buildChecklistRowKey(row, selectedReviewStep);
+ const isFieldVisible = row.bchckUseYn === "Y";
+ const isLocalReviewStep = selectedReviewStep === "LOCAL";
+
+ return (
+
+ {row.cklstArtclNm}
+
+ {row.rvwCn}
+
+ {isFieldVisible && (
+ <>
+
+ {
+ if (!isStepEditable) return;
+ setFormState((prev) =>
+ patchChecklistFormState(
+ prev,
+ { results: { ...prev.results, [key]: "Y" } },
+ allRows,
+ selectedReviewStep,
+ ),
+ );
+ }}
+ className={cn(isStepEditable ? "cursor-pointer" : "cursor-not-allowed")}
+ />
+
+
+ {
+ if (!isStepEditable) return;
+ setFormState((prev) =>
+ patchChecklistFormState(
+ prev,
+ { results: { ...prev.results, [key]: "N" } },
+ allRows,
+ selectedReviewStep,
+ ),
+ );
+ }}
+ className={cn(isStepEditable ? "cursor-pointer" : "cursor-not-allowed")}
+ />
+
+
+ )}
+ {!isLocalReviewStep && isFieldVisible && (
+
+