-
- setFinalApprovalYn(checked === true)}
- />
-
-
diff --git a/apps/as/src/entities/elapr/ui/elapr-doc-prgrs-status.tsx b/apps/as/src/entities/elapr/ui/elapr-doc-prgrs-status.tsx
new file mode 100644
index 000000000..731e39a07
--- /dev/null
+++ b/apps/as/src/entities/elapr/ui/elapr-doc-prgrs-status.tsx
@@ -0,0 +1,95 @@
+"use client";
+
+import { Fragment } from "react";
+
+import { ChevronRight } from "lucide-react";
+
+import type { ElaprDocPrgrsClientResponseDto } from "@/shared/model";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/shared/ui/tooltip";
+import { cn, Skeleton } from "@common/components";
+
+import { useElaprDocPrgrsByDocNo } from "../api/queries";
+import { getApproverStatus, sortByAtrzSeqNo } from "../lib/approval-utils";
+
+const REJECT_STATUS_CD = "ATRZ_PRGRS_004";
+
+interface ElaprDocPrgrsStatusProps {
+ elaprDocNo: string | null | undefined;
+}
+
+function ElaprDocPrgrsStep({ item }: { item: ElaprDocPrgrsClientResponseDto }) {
+ const status = getApproverStatus(item.atrzPrgrsSttsComCd);
+ const isRejected = item.atrzPrgrsSttsComCd === REJECT_STATUS_CD;
+ const rjctRsn = item.rjctRsn?.trim();
+ const metaParts = [item.ognzNm, item.jbpsSeNm].filter(Boolean);
+
+ const statusBadge = (
+
+ {status.label}
+
+ );
+
+ return (
+
+ {isRejected && rjctRsn ? (
+
+ {statusBadge}
+
+ {rjctRsn}
+
+
+ ) : (
+ statusBadge
+ )}
+
+
+ [{item.atrzSeComNm || "-"}]
+ {item.aprvrNm || item.aprvrUuid || "-"}
+
+ {metaParts.length > 0 && (
+
{metaParts.join(" · ")}
+ )}
+
+
+ );
+}
+
+function ElaprDocPrgrsStatus({ elaprDocNo }: ElaprDocPrgrsStatusProps) {
+ const { data, isLoading } = useElaprDocPrgrsByDocNo(elaprDocNo);
+ const steps = sortByAtrzSeqNo(data ?? []);
+
+ if (isLoading) {
+ return (
+
+
+
+
+
+ );
+ }
+
+ if (steps.length === 0) {
+ return
결재 정보가 없습니다.
;
+ }
+
+ return (
+
+ {steps.map((item, index) => (
+
+
+ {index > 0 && }
+
+
+
+ ))}
+
+ );
+}
+
+export { ElaprDocPrgrsStatus };
diff --git a/apps/as/src/pages/fnrs-cnsltn/ui/components/elapr-tmplt-picker-dialog.tsx b/apps/as/src/entities/elapr/ui/elapr-tmplt-picker-dialog.tsx
similarity index 89%
rename from apps/as/src/pages/fnrs-cnsltn/ui/components/elapr-tmplt-picker-dialog.tsx
rename to apps/as/src/entities/elapr/ui/elapr-tmplt-picker-dialog.tsx
index 3f59f602b..aa70932e9 100644
--- a/apps/as/src/pages/fnrs-cnsltn/ui/components/elapr-tmplt-picker-dialog.tsx
+++ b/apps/as/src/entities/elapr/ui/elapr-tmplt-picker-dialog.tsx
@@ -1,163 +1,166 @@
-"use client";
-
-import { useCallback, useState } from "react";
-
-import { useAlertStore } from "@/shared/lib";
-import {
- type ElaprAplnRow,
- type ElaprTmplt,
- getVisibleRows,
- useElaprTmpltPage,
- validateAllRowsForSave,
- validateAtrzOrder,
- validateUniqueSeqNo,
-} from "@/entities/elapr";
-import {
- Button,
- Dialog,
- DialogContent,
- DialogFooter,
- DialogHeader,
- DialogTitle,
-} from "@common/components";
-
-import { ElaprAplnPickerGrid } from "./elapr-apln-picker-grid";
-import { ElaprTmpltSelectTable } from "./elapr-tmplt-select-table";
-
-const PAGE_SIZE = 100;
-
-interface ElaprTmpltPickerConfirmPayload {
- tmplt: ElaprTmplt;
- aplnRows: ElaprAplnRow[];
-}
-
-interface ElaprTmpltPickerDialogProps {
- open: boolean;
- onClose: () => void;
- onSelect?: (tmplt: ElaprTmplt) => void;
- onConfirm?: (payload: ElaprTmpltPickerConfirmPayload) => void;
-}
-
-function ElaprTmpltPickerDialog({
- open,
- onClose,
- onSelect,
- onConfirm,
-}: ElaprTmpltPickerDialogProps) {
- const alert = useAlertStore((state) => state.setMessage);
- const [selectedTmplt, setSelectedTmplt] = useState
(null);
- const [aplnRows, setAplnRows] = useState([]);
- const [isEditingLocked, setIsEditingLocked] = useState(false);
-
- const tmpltQuery = useElaprTmpltPage({
- page: 0,
- size: PAGE_SIZE,
- sort: "regDt,desc",
- docSeComCd: "FNRS",
- });
-
- const handleRowsChange = useCallback((rows: ElaprAplnRow[]) => {
- setAplnRows(rows);
- }, []);
-
- const handleEditingLockedChange = useCallback((locked: boolean) => {
- setIsEditingLocked(locked);
- }, []);
-
- function handleSelectTmplt(tmplt: ElaprTmplt | null) {
- setSelectedTmplt(tmplt);
- setAplnRows([]);
- setIsEditingLocked(false);
- }
-
- function handleOpenChange(isOpen: boolean) {
- if (!isOpen) {
- setSelectedTmplt(null);
- setAplnRows([]);
- setIsEditingLocked(false);
- onClose();
- }
- }
-
- function handleConfirm() {
- if (!selectedTmplt) {
- alert("결재서식을 선택해 주세요.");
- return;
- }
-
- const rowsError = validateAllRowsForSave(aplnRows, isEditingLocked);
- if (rowsError) {
- alert(rowsError);
- return;
- }
-
- const orderError = validateAtrzOrder(aplnRows);
- if (orderError) {
- alert(orderError);
- return;
- }
-
- const seqError = validateUniqueSeqNo(aplnRows);
- if (seqError) {
- alert(seqError);
- return;
- }
-
- const visibleRows = getVisibleRows(aplnRows);
-
- const payload: ElaprTmpltPickerConfirmPayload = {
- tmplt: selectedTmplt,
- aplnRows: visibleRows,
- };
-
- if (onConfirm) {
- onConfirm(payload);
- } else {
- onSelect?.(selectedTmplt);
- }
-
- setSelectedTmplt(null);
- setAplnRows([]);
- setIsEditingLocked(false);
- onClose();
- }
-
- return (
-
- );
-}
-
-export { ElaprTmpltPickerDialog };
-export type { ElaprTmpltPickerConfirmPayload };
+"use client";
+
+import { useCallback, useState } from "react";
+
+import { useAlertStore } from "@/shared/lib";
+import {
+ Button,
+ Dialog,
+ DialogContent,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+} from "@common/components";
+
+import { useElaprTmpltPage } from "../api/queries";
+import {
+ getVisibleRows,
+ validateAllRowsForSave,
+ validateAtrzOrder,
+ validateUniqueSeqNo,
+} from "../lib/apln-validators";
+import type { ElaprAplnRow } from "../model/elapr-apln-row-types";
+import type { ElaprTmplt } from "../model/elapr-tmplt-interface";
+
+import { ElaprAplnPickerGrid } from "./elapr-apln-picker-grid";
+import { ElaprTmpltSelectTable } from "./elapr-tmplt-select-table";
+
+const PAGE_SIZE = 100;
+
+interface ElaprTmpltPickerConfirmPayload {
+ tmplt: ElaprTmplt;
+ aplnRows: ElaprAplnRow[];
+}
+
+interface ElaprTmpltPickerDialogProps {
+ open: boolean;
+ onClose: () => void;
+ docSeComCd: string;
+ onSelect?: (tmplt: ElaprTmplt) => void;
+ onConfirm?: (payload: ElaprTmpltPickerConfirmPayload) => void;
+}
+
+function ElaprTmpltPickerDialog({
+ open,
+ onClose,
+ docSeComCd,
+ onSelect,
+ onConfirm,
+}: ElaprTmpltPickerDialogProps) {
+ const alert = useAlertStore((state) => state.setMessage);
+ const [selectedTmplt, setSelectedTmplt] = useState(null);
+ const [aplnRows, setAplnRows] = useState([]);
+ const [isEditingLocked, setIsEditingLocked] = useState(false);
+
+ const tmpltQuery = useElaprTmpltPage({
+ page: 0,
+ size: PAGE_SIZE,
+ sort: "regDt,desc",
+ docSeComCd,
+ });
+
+ const handleRowsChange = useCallback((rows: ElaprAplnRow[]) => {
+ setAplnRows(rows);
+ }, []);
+
+ const handleEditingLockedChange = useCallback((locked: boolean) => {
+ setIsEditingLocked(locked);
+ }, []);
+
+ function handleSelectTmplt(tmplt: ElaprTmplt | null) {
+ setSelectedTmplt(tmplt);
+ setAplnRows([]);
+ setIsEditingLocked(false);
+ }
+
+ function handleOpenChange(isOpen: boolean) {
+ if (!isOpen) {
+ setSelectedTmplt(null);
+ setAplnRows([]);
+ setIsEditingLocked(false);
+ onClose();
+ }
+ }
+
+ function handleConfirm() {
+ if (!selectedTmplt) {
+ alert("결재서식을 선택해 주세요.");
+ return;
+ }
+
+ const rowsError = validateAllRowsForSave(aplnRows, isEditingLocked);
+ if (rowsError) {
+ alert(rowsError);
+ return;
+ }
+
+ const orderError = validateAtrzOrder(aplnRows);
+ if (orderError) {
+ alert(orderError);
+ return;
+ }
+
+ const seqError = validateUniqueSeqNo(aplnRows);
+ if (seqError) {
+ alert(seqError);
+ return;
+ }
+
+ const visibleRows = getVisibleRows(aplnRows);
+
+ const payload: ElaprTmpltPickerConfirmPayload = {
+ tmplt: selectedTmplt,
+ aplnRows: visibleRows,
+ };
+
+ if (onConfirm) {
+ onConfirm(payload);
+ } else {
+ onSelect?.(selectedTmplt);
+ }
+
+ setSelectedTmplt(null);
+ setAplnRows([]);
+ setIsEditingLocked(false);
+ onClose();
+ }
+
+ return (
+
+ );
+}
+
+export { ElaprTmpltPickerDialog };
+export type { ElaprTmpltPickerConfirmPayload };
diff --git a/apps/as/src/pages/fnrs-cnsltn/ui/components/elapr-tmplt-select-table.tsx b/apps/as/src/entities/elapr/ui/elapr-tmplt-select-table.tsx
similarity index 85%
rename from apps/as/src/pages/fnrs-cnsltn/ui/components/elapr-tmplt-select-table.tsx
rename to apps/as/src/entities/elapr/ui/elapr-tmplt-select-table.tsx
index 50bdb33b9..b93ead98d 100644
--- a/apps/as/src/pages/fnrs-cnsltn/ui/components/elapr-tmplt-select-table.tsx
+++ b/apps/as/src/entities/elapr/ui/elapr-tmplt-select-table.tsx
@@ -7,9 +7,10 @@ import { createColumnHelper, getCoreRowModel, type RowSelectionState } from "@ta
import { useDataTable } from "@/shared/lib";
import type { PageResponse } from "@/shared/model";
-import type { ElaprTmplt } from "@/entities/elapr";
import { Skeleton } from "@common/components";
+import type { ElaprTmplt } from "../model/elapr-tmplt-interface";
+
const columnHelper = createColumnHelper();
interface ElaprTmpltSelectTableProps {
@@ -35,18 +36,10 @@ function ElaprTmpltSelectTable({
const columns = useMemo(
() => [
- columnHelper.accessor("elaprTmpltId", {
- header: "전자결재서식아이디",
- meta: { align: "left" },
- }),
columnHelper.accessor("elaprTmpltNm", {
header: "결재서식명",
meta: { align: "left" },
}),
- columnHelper.accessor("docSeComNm", {
- header: "문서구분",
- cell: ({ getValue, row }) => getValue() ?? row.original.docSeComCd ?? "—",
- }),
],
[],
);
diff --git a/apps/as/src/pages/instl-sncn/ui/components/sortable-apln-picker-row.tsx b/apps/as/src/entities/elapr/ui/sortable-apln-picker-row.tsx
similarity index 72%
rename from apps/as/src/pages/instl-sncn/ui/components/sortable-apln-picker-row.tsx
rename to apps/as/src/entities/elapr/ui/sortable-apln-picker-row.tsx
index 46af147ca..90d8380b7 100644
--- a/apps/as/src/pages/instl-sncn/ui/components/sortable-apln-picker-row.tsx
+++ b/apps/as/src/entities/elapr/ui/sortable-apln-picker-row.tsx
@@ -4,9 +4,19 @@ import { useSortable } from "@dnd-kit/sortable";
import { CSS } from "@dnd-kit/utilities";
import { MoveVertical } from "lucide-react";
-import { CodeSelect, findCodeLabel, useCodeList } from "@/entities/code";
-import type { ElaprAplnRow } from "@/entities/elapr";
-import { Button, TableCell, TableRow } from "@common/components";
+import { findCodeLabel, useCodeList } from "@/entities/code";
+import {
+ Button,
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+ TableCell,
+ TableRow,
+} from "@common/components";
+
+import type { ElaprAplnRow } from "../model/elapr-apln-row-types";
interface SortableAplnPickerRowProps {
row: ElaprAplnRow;
@@ -36,6 +46,7 @@ function SortableAplnPickerRow({
onPickAprvr,
}: SortableAplnPickerRowProps) {
const { data: atrzSeCodes } = useCodeList("ATRZSE");
+ const selectableAtrzSeCodes = atrzSeCodes?.filter((code) => code.lwpoCd !== "ATRZ01");
const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
id: row.rowKey,
@@ -66,31 +77,35 @@ function SortableAplnPickerRow({
- {row.isNew ? "-" : (row.aplnId ?? "-")}
{displaySeqNo}
{isEditing ? (
-
- onChange({
- atrzSeComCd: v,
- atrzSeComNm: findCodeLabel(atrzSeCodes, v),
- })
+ onChange({ atrzSeComCd: v, atrzSeComNm: findCodeLabel(selectableAtrzSeCodes, v) })
}
- placeholder="결재구분"
- />
+ >
+
+
+
+
+ {selectableAtrzSeCodes?.map((code) => (
+
+ {code.lwpoCdNm}
+
+ ))}
+
+
) : (
atrzSeLabel || "-"
)}
-
-
{row.aprvrNm || row.aprvrUuid || "-"}
+
+
{row.aprvrNm || row.aprvrUuid || ""}
{isEditing && (
-
+
+ {isDcarbable && !rowDisabled && (
+ onToggleDcarb(checked === true)}
+ aria-label="전결자 지정"
+ />
+ )}
+
{isRejectedRow && rjctRsn ? (
diff --git a/apps/as/src/entities/instl-sncn/api/instl-sncn-service.ts b/apps/as/src/entities/instl-sncn/api/instl-sncn-service.ts
index 38ce8e69a..2bef72628 100644
--- a/apps/as/src/entities/instl-sncn/api/instl-sncn-service.ts
+++ b/apps/as/src/entities/instl-sncn/api/instl-sncn-service.ts
@@ -65,6 +65,22 @@ async function techReview(id: string, payload: InstlSncnApplySaveRequestDto): Pr
await client.post(`${BASE}/${id}/tech-review`, payload);
}
+async function submitSupplement(
+ id: string,
+ payload: InstlSncnApplySaveRequestDto,
+): Promise {
+ const response = await client.post(`${BASE}/${id}/submitsupplement`, payload);
+ return response.data;
+}
+
+async function submitReqSupplement(
+ id: string,
+ payload: InstlSncnApplySaveRequestDto,
+): Promise {
+ const response = await client.post(`${BASE}/${id}/reqsupplement`, payload);
+ return response.data;
+}
+
async function remove(id: string): Promise {
await client.delete(`${BASE}/${id}`);
}
@@ -80,6 +96,8 @@ export const instlSncnService = {
saveApply,
update,
techReview,
+ submitSupplement,
+ submitReqSupplement,
remove,
changePrgrsSttsComCd,
} satisfies InstlSncnMngService;
diff --git a/apps/as/src/entities/instl-sncn/api/queries.ts b/apps/as/src/entities/instl-sncn/api/queries.ts
index ac651be47..f9d94dbff 100644
--- a/apps/as/src/entities/instl-sncn/api/queries.ts
+++ b/apps/as/src/entities/instl-sncn/api/queries.ts
@@ -99,6 +99,32 @@ export function useInstlSncnTechReview() {
});
}
+export function useInstlSncnSubmitSupplement() {
+ const queryClient = useQueryClient();
+
+ return useMutation({
+ mutationFn: ({ id, payload }: { id: string; payload: InstlSncnApplySaveRequestDto }) =>
+ instlSncnService.submitSupplement(id, payload),
+ onSuccess: (_, variables) => {
+ queryClient.invalidateQueries({ queryKey: instlSncnKeys.all });
+ queryClient.invalidateQueries({ queryKey: instlSncnKeys.detail(variables.id) });
+ },
+ });
+}
+
+export function useInstlSncnSubmitReqSupplement() {
+ const queryClient = useQueryClient();
+
+ return useMutation({
+ mutationFn: ({ id, payload }: { id: string; payload: InstlSncnApplySaveRequestDto }) =>
+ instlSncnService.submitReqSupplement(id, payload),
+ onSuccess: (_, variables) => {
+ queryClient.invalidateQueries({ queryKey: instlSncnKeys.all });
+ queryClient.invalidateQueries({ queryKey: instlSncnKeys.detail(variables.id) });
+ },
+ });
+}
+
export function useInstlSncnRemove() {
const queryClient = useQueryClient();
diff --git a/apps/as/src/entities/instl-sncn/index.ts b/apps/as/src/entities/instl-sncn/index.ts
index 9547dd6db..946e756f1 100644
--- a/apps/as/src/entities/instl-sncn/index.ts
+++ b/apps/as/src/entities/instl-sncn/index.ts
@@ -5,6 +5,8 @@ export {
useInstlSncnList,
useInstlSncnSidoCombo,
useInstlSncnSigunguCombo,
+ useInstlSncnSubmitReqSupplement,
+ useInstlSncnSubmitSupplement,
useInstlSncnTechReview,
} from "./api/queries";
export {
@@ -28,6 +30,7 @@ export {
type InstlSncnMngSearchParams,
type InstlSncnRvwOpnnResponseDto,
type InstlSncnRvwOpnnSaveRequestDto,
+ type InstlSncnSplmntDmndResponseDto,
type InstlSncnSplmntDmndSaveDto,
type ReviewStepCode,
} from "./model/instl-sncn-interface";
diff --git a/apps/as/src/entities/instl-sncn/model/instl-sncn-interface.ts b/apps/as/src/entities/instl-sncn/model/instl-sncn-interface.ts
index 500cfb842..6ead54c13 100644
--- a/apps/as/src/entities/instl-sncn/model/instl-sncn-interface.ts
+++ b/apps/as/src/entities/instl-sncn/model/instl-sncn-interface.ts
@@ -15,6 +15,7 @@ import type {
PbadmsMngDetResponseBase,
RvwOpnnResponseExtension,
RvwOpnnSaveBase,
+ SplmntDmndResponseExtension,
SplmntDmndSaveBase,
} from "@/shared/model";
@@ -185,20 +186,26 @@ export interface InstlSncnRvwOpnnSaveRequestDto extends RvwOpnnSaveBase {
/** 설치인가 보완요구 저장 DTO(배열 원소) */
export type InstlSncnSplmntDmndSaveDto = SplmntDmndSaveBase;
+/** 설치인가 보완요구 응답 DTO */
+export type InstlSncnSplmntDmndResponseDto = InstlSncnSplmntDmndSaveDto &
+ SplmntDmndResponseExtension & {
+ instlSncnDocNo?: string;
+ };
+
/** 설치인가 신청 - 통합 저장 요청 DTO */
export interface InstlSncnApplySaveRequestDto extends PbadmsApplySaveHeader {
/** 설치인가관리 정보 */
instlSncnMng: InstlSncnMngSaveRequestDto;
/** 사업규모 목록 */
- bzScaleList: InstlSncnBzScaleSaveDto[];
+ bzScaleList?: InstlSncnBzScaleSaveDto[];
/** 총사업비 목록 */
- bizCstList: InstlSncnBizCstSaveRequestDto[];
+ bizCstList?: InstlSncnBizCstSaveRequestDto[];
/** 체크리스트 검토결과 목록 */
- cklstResultList: InstlSncnCklstResultSaveDto[];
+ cklstResultList?: InstlSncnCklstResultSaveDto[];
/** 체크리스트 검토결과 맵 (rvwStpComCd -> 목록) */
cklstResultMap?: Record;
/** 필수첨부파일 목록 */
- esntlAtchFileList: InstlSncnEsntlAtchFileSaveDto[];
+ esntlAtchFileList?: InstlSncnEsntlAtchFileSaveDto[];
/** 검토의견 목록 */
rvwOpnnList?: InstlSncnRvwOpnnSaveRequestDto[];
/** 보완요구 목록 */
@@ -222,8 +229,11 @@ export type InstlSncnRvwOpnnResponseDto = InstlSncnRvwOpnnSaveRequestDto &
};
/** 설치인가관리 상세 응답 DTO */
-export interface InstlSncnMngDetResponse
- extends PbadmsMngDetResponseBase {
+export interface InstlSncnMngDetResponse extends PbadmsMngDetResponseBase<
+ InstlSncnMngResponseDto,
+ InstlSncnRvwOpnnResponseDto,
+ InstlSncnSplmntDmndResponseDto
+> {
detDto: InstlSncnMngResponseDto;
bizSclList: BizSclTreeDto[];
bizCstList: BizCstTreeDto[];
@@ -239,6 +249,8 @@ export interface InstlSncnMngService {
saveApply: (payload: InstlSncnApplySaveRequestDto) => Promise;
update: (id: string, payload: InstlSncnMngUpdateRequestDto) => Promise;
techReview: (id: string, payload: InstlSncnApplySaveRequestDto) => Promise;
+ submitSupplement: (id: string, payload: InstlSncnApplySaveRequestDto) => Promise;
+ submitReqSupplement: (id: string, payload: InstlSncnApplySaveRequestDto) => Promise;
remove: (id: string) => Promise;
changePrgrsSttsComCd: (payload: DocPrgrsUpdateRequestDto) => Promise;
}
diff --git a/apps/as/src/pages/approval-line-management/model/columns.tsx b/apps/as/src/pages/approval-line-management/model/columns.tsx
index a7beb668b..35dcc4a74 100644
--- a/apps/as/src/pages/approval-line-management/model/columns.tsx
+++ b/apps/as/src/pages/approval-line-management/model/columns.tsx
@@ -14,10 +14,6 @@ interface CreateTmpltColumnsOptions {
export function createTmpltColumns({ onEdit, onDelete }: CreateTmpltColumnsOptions) {
return [
- columnHelper.accessor("elaprTmpltId", {
- header: "전자결재서식아이디",
- meta: { align: "left" },
- }),
columnHelper.accessor("elaprTmpltNm", {
header: "결재서식명",
meta: { align: "left" },
diff --git a/apps/as/src/pages/approval-line-management/ui/approval-line-management-page.tsx b/apps/as/src/pages/approval-line-management/ui/approval-line-management-page.tsx
index 11b9373ac..38b018809 100644
--- a/apps/as/src/pages/approval-line-management/ui/approval-line-management-page.tsx
+++ b/apps/as/src/pages/approval-line-management/ui/approval-line-management-page.tsx
@@ -11,7 +11,7 @@ function ApprovalLineManagementPage() {
const [selectedTmplt, setSelectedTmplt] = useState(null);
return (
-
+
-
-
+
-
+
+
- 결재선아이디
결재순서
결재구분
+ 결재자 ID
결재자
등록일시
관리
diff --git a/apps/as/src/pages/approval-line-management/ui/sortable-apln-row.tsx b/apps/as/src/pages/approval-line-management/ui/sortable-apln-row.tsx
index 94d28be22..b0a23ee1e 100644
--- a/apps/as/src/pages/approval-line-management/ui/sortable-apln-row.tsx
+++ b/apps/as/src/pages/approval-line-management/ui/sortable-apln-row.tsx
@@ -4,9 +4,18 @@ import { useSortable } from "@dnd-kit/sortable";
import { CSS } from "@dnd-kit/utilities";
import { Equal } from "lucide-react";
-import { CodeSelect, findCodeLabel, useCodeList } from "@/entities/code";
+import { findCodeLabel, useCodeList } from "@/entities/code";
import type { ElaprAplnRow } from "@/entities/elapr";
-import { Button, TableCell, TableRow } from "@common/components";
+import {
+ Button,
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+ TableCell,
+ TableRow,
+} from "@common/components";
interface SortableAplnRowProps {
row: ElaprAplnRow;
@@ -36,6 +45,7 @@ function SortableAplnRow({
onPickAprvr,
}: SortableAplnRowProps) {
const { data: atrzSeCodes } = useCodeList("ATRZSE");
+ const selectableAtrzSeCodes = atrzSeCodes?.filter((code) => code.lwpoCd !== "ATRZ01");
const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
id: row.rowKey,
@@ -49,7 +59,7 @@ function SortableAplnRow({
};
const rowDisabled = isLocked && !isEditing;
- const atrzSeLabel = row.atrzSeComNm || findCodeLabel(atrzSeCodes, row.atrzSeComCd);
+ const atrzSeLabel = row.atrzSeComNm || findCodeLabel(selectableAtrzSeCodes, row.atrzSeComCd);
return (
@@ -66,31 +76,36 @@ function SortableAplnRow({
- {row.isNew ? "-" : (row.aplnId ?? "-")}
{displaySeqNo}
{isEditing ? (
-
- onChange({
- atrzSeComCd: v,
- atrzSeComNm: findCodeLabel(atrzSeCodes, v),
- })
+ onChange({ atrzSeComCd: v, atrzSeComNm: findCodeLabel(selectableAtrzSeCodes, v) })
}
- placeholder="결재구분"
- />
+ >
+
+
+
+
+ {selectableAtrzSeCodes?.map((code) => (
+
+ {code.lwpoCdNm}
+
+ ))}
+
+
) : (
atrzSeLabel || "-"
)}
+ {row.aprvrUserId ?? "-"}
-
-
{row.aprvrNm || row.aprvrUuid || "-"}
+
+
{row.aprvrNm || row.aprvrUuid || ""}
{isEditing && (
-