From bd3df05b4bdc07cef1bd79cf23c08a757e9ee6eb Mon Sep 17 00:00:00 2001 From: joonhoekim <26rote@gmail.com> Date: Mon, 22 Sep 2025 12:17:48 +0900 Subject: (김준회) AVL 수정요구 처리 - 제목추가 - 프로젝트선택기 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lib/avl/table/project-avl-table.tsx | 154 +++++++++++++----------------------- 1 file changed, 53 insertions(+), 101 deletions(-) (limited to 'lib/avl') diff --git a/lib/avl/table/project-avl-table.tsx b/lib/avl/table/project-avl-table.tsx index 8664e32b..fc8f0f5e 100644 --- a/lib/avl/table/project-avl-table.tsx +++ b/lib/avl/table/project-avl-table.tsx @@ -1,14 +1,12 @@ "use client" import * as React from "react" -import { useReactTable, getCoreRowModel, getPaginationRowModel, getSortedRowModel, getFilteredRowModel } from "@tanstack/react-table" import { forwardRef, useImperativeHandle, useLayoutEffect, useMemo } from "react" import { DataTable } from "@/components/data-table/data-table" import { Button } from "@/components/ui/button" import { AvlVendorAddAndModifyDialog } from "./avl-vendor-add-and-modify-dialog" import { getProjectAvlVendorInfo, createAvlVendorInfo, updateAvlVendorInfo, deleteAvlVendorInfo, finalizeProjectAvl } from "../service" -import { getProjectInfoByProjectCode as getProjectInfoFromProjects } from "../../projects/service" -import { getProjectInfoByProjectCode as getProjectInfoFromBiddingProjects } from "../../bidding-projects/service" +import { useReactTable, getCoreRowModel, getPaginationRowModel, getSortedRowModel, getFilteredRowModel } from "@tanstack/react-table" import { GetProjectAvlSchema } from "../validations" import { AvlDetailItem, AvlVendorInfoInput } from "../types" import { toast } from "sonner" @@ -19,6 +17,7 @@ import { } from "../components/project-field-components" import { ProjectSearchStatus } from "../components/project-field-utils" import { useSession } from "next-auth/react" +import { UnifiedProjectSelector, UnifiedProject, getProjectInfoByCode } from "@/components/common/project" // 프로젝트 AVL 테이블에서는 AvlDetailItem을 사용 @@ -54,6 +53,9 @@ export const ProjectAvlTable = forwardRef("") const [localProjectCode, setLocalProjectCode] = React.useState(projectCode || "") + + // 프로젝트 선택 상태 + const [selectedProject, setSelectedProject] = React.useState(undefined) // 행 추가/수정 다이얼로그 상태 const [isAddDialogOpen, setIsAddDialogOpen] = React.useState(false) @@ -80,6 +82,7 @@ export const ProjectAvlTable = forwardRef = {}) => { try { @@ -163,47 +166,10 @@ export const ProjectAvlTable = forwardRef { - setLocalProjectCode(value) - onProjectCodeChange?.(value) - // 입력이 변경되면 검색 상태를 idle로 초기화하고 검색 클릭 상태를 리셋 - if (!value.trim()) { - setProjectInfo(null) - setProjectSearchStatus('idle') - setIsSearchClicked(false) - setData([]) - setPageCount(0) - } else { - // 새로운 프로젝트 코드가 입력되면 검색 클릭 상태를 리셋 (다시 검색 버튼을 눌러야 함) - setIsSearchClicked(false) - } - }, [onProjectCodeChange]) - - // 프로젝트 검색 버튼 핸들러 - const handleProjectSearch = React.useCallback(async () => { + // 프로젝트 선택 핸들러 + const handleProjectSelect = React.useCallback(async (project: UnifiedProject) => { + setSelectedProject(project) + setLocalProjectCode(project.code) + onProjectCodeChange?.(project.code) + // 검색 시 페이지를 1페이지로 리셋 setPagination(prev => ({ ...prev, pageIndex: 0 })) - // 프로젝트 정보 검색 (성공 시 내부에서 AVL 데이터 로드 트리거) - await searchProject(localProjectCode) - }, [localProjectCode, searchProject]) + + // 선택된 프로젝트로 자동 검색 + await searchProject(project.code) + }, [onProjectCodeChange, searchProject]) + // 행 추가 핸들러 const handleAddRow = React.useCallback(() => { @@ -496,6 +465,7 @@ export const ProjectAvlTable = forwardRef
@@ -542,43 +512,25 @@ export const ProjectAvlTable = forwardRef
- {/* 프로젝트 코드 */} -
- -
-
- handleProjectCodeChange(e.target.value)} - placeholder="프로젝트 코드를 입력하세요" - className={`flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 ${ - projectSearchStatus === 'error' ? 'border-red-500' : - projectSearchStatus === 'success-projects' || projectSearchStatus === 'success-bidding' ? 'border-green-500' : - projectSearchStatus === 'searching' ? 'border-blue-500' : '' - }`} - disabled={projectSearchStatus === 'searching'} - /> - {projectSearchStatus !== 'idle' && ( -
- {projectSearchStatus === 'success-projects' ? '(프로젝트)' : - projectSearchStatus === 'success-bidding' ? '(견적프로젝트)' : - projectSearchStatus === 'searching' ? '(검색 중...)' : - projectSearchStatus === 'error' ? '(찾을 수 없음)' : - undefined} -
- )} + {/* 프로젝트 선택 */} +
+ + + {projectSearchStatus !== 'idle' && ( +
+ {projectSearchStatus === 'success-projects' ? '(프로젝트)' : + projectSearchStatus === 'success-bidding' ? '(견적프로젝트)' : + projectSearchStatus === 'searching' ? '(검색 중...)' : + projectSearchStatus === 'error' ? '(찾을 수 없음)' : + undefined}
- -
+ )}
{/* 프로젝트명 */} -- cgit v1.2.3