diff options
Diffstat (limited to 'lib/rfq-last/vendor')
| -rw-r--r-- | lib/rfq-last/vendor/application-reason-dialog.tsx | 114 | ||||
| -rw-r--r-- | lib/rfq-last/vendor/avl-vendor-dialog.tsx | 628 | ||||
| -rw-r--r-- | lib/rfq-last/vendor/rfq-vendor-table.tsx | 234 |
3 files changed, 466 insertions, 510 deletions
diff --git a/lib/rfq-last/vendor/application-reason-dialog.tsx b/lib/rfq-last/vendor/application-reason-dialog.tsx new file mode 100644 index 00000000..61f818d9 --- /dev/null +++ b/lib/rfq-last/vendor/application-reason-dialog.tsx @@ -0,0 +1,114 @@ +"use client"; + +import * as React from "react"; +import { + Dialog, + DialogContent, + DialogDescription, + DialogFooter, + DialogHeader, + DialogTitle, +} from "@/components/ui/dialog"; +import { Button } from "@/components/ui/button"; +import { Textarea } from "@/components/ui/textarea"; +import { Label } from "@/components/ui/label"; + +interface ApplicationReasonDialogProps { + open: boolean; + onOpenChange: (open: boolean) => void; + onConfirm: (reason: string) => void; + vendorCount: number; + attachmentCount: number; +} + +/** + * 암호화해제 신청 사유 입력 다이얼로그 + * + * RFQ 발송 시 첨부파일이 있는 경우, 결재 미리보기 전에 + * 사용자가 신청 사유를 입력하도록 하는 다이얼로그 + */ +export function ApplicationReasonDialog({ + open, + onOpenChange, + onConfirm, + vendorCount, + attachmentCount, +}: ApplicationReasonDialogProps) { + const [reason, setReason] = React.useState(""); + + // 다이얼로그가 닫힐 때 초기화 + React.useEffect(() => { + if (!open) { + setReason(""); + } + }, [open]); + + const handleConfirm = () => { + if (!reason.trim()) { + return; + } + onConfirm(reason); + onOpenChange(false); + }; + + return ( + <Dialog open={open} onOpenChange={onOpenChange}> + <DialogContent className="sm:max-w-[600px]"> + <DialogHeader> + <DialogTitle>암호화해제 신청 사유</DialogTitle> + <DialogDescription> + 첨부파일이 사외업체에 송부되므로 신청 사유를 입력해주세요. + </DialogDescription> + </DialogHeader> + + <div className="space-y-4 py-4"> + {/* 발송 정보 요약 */} + <div className="rounded-lg border bg-muted/50 p-4 space-y-2"> + <div className="flex items-center justify-between text-sm"> + <span className="text-muted-foreground">발송 대상</span> + <span className="font-medium">{vendorCount}개 업체</span> + </div> + <div className="flex items-center justify-between text-sm"> + <span className="text-muted-foreground">첨부파일</span> + <span className="font-medium">{attachmentCount}개</span> + </div> + </div> + + {/* 신청 사유 입력 */} + <div className="space-y-2"> + <Label htmlFor="reason"> + 신청 사유 <span className="text-red-500">*</span> + </Label> + <Textarea + id="reason" + placeholder="예) RFQ 발송을 위한 기술 도면 전달 예) 견적 요청을 위한 사양서 공유" + value={reason} + onChange={(e) => setReason(e.target.value)} + rows={5} + className="resize-none" + /> + <p className="text-xs text-muted-foreground"> + 신청 사유는 결재 문서에 포함됩니다. + </p> + </div> + </div> + + <DialogFooter> + <Button + variant="outline" + onClick={() => onOpenChange(false)} + > + 취소 + </Button> + <Button + onClick={handleConfirm} + disabled={!reason.trim()} + > + 다음 단계로 + </Button> + </DialogFooter> + </DialogContent> + </Dialog> + ); +} + diff --git a/lib/rfq-last/vendor/avl-vendor-dialog.tsx b/lib/rfq-last/vendor/avl-vendor-dialog.tsx index 2efd96b9..67a71cc5 100644 --- a/lib/rfq-last/vendor/avl-vendor-dialog.tsx +++ b/lib/rfq-last/vendor/avl-vendor-dialog.tsx @@ -10,37 +10,28 @@ import { DialogTitle, } from "@/components/ui/dialog"; import { Button } from "@/components/ui/button"; -import { Label } from "@/components/ui/label"; import { Badge } from "@/components/ui/badge"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { ScrollArea } from "@/components/ui/scroll-area"; import { Alert, AlertDescription } from "@/components/ui/alert"; -import { Checkbox } from "@/components/ui/checkbox"; -import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"; -import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; -import { - Loader2, - X, - FileText, - Shield, - Globe, - Settings, - Link, +import { + Loader2, + Eye, + Globe, CheckCircle, - Info, - AlertCircle, - Building2 + Building2, + Info } from "lucide-react"; import { cn } from "@/lib/utils"; import { toast } from "sonner"; -import { getAvlVendorsForRfq, addAvlVendorsToRfq } from "../service"; +import { getAvlVendorsForRfq } from "../service"; interface AvlVendor { id: number; vendorId: number | null; - vendorName: string; + vendorName: string | null; vendorCode: string | null; - avlVendorName: string; + avlVendorName: string | null; tier: string | null; headquarterLocation: string | null; manufacturingLocation: string | null; @@ -54,79 +45,35 @@ interface AvlVendor { remark: string | null; } -interface VendorContract { - vendorId: number; - agreementYn: boolean; - ndaYn: boolean; - gtcType: "general" | "project" | "none"; -} +// 더 이상 계약 인터페이스 필요 없음 - 참조용으로만 사용 interface AvlVendorDialogProps { open: boolean; onOpenChange: (open: boolean) => void; rfqId: number; - rfqCode?: string; - onSuccess: () => void; } export function AvlVendorDialog({ open, onOpenChange, rfqId, - rfqCode, - onSuccess, }: AvlVendorDialogProps) { - const [isLoading, setIsLoading] = React.useState(false); const [isLoadingAvl, setIsLoadingAvl] = React.useState(false); const [avlVendors, setAvlVendors] = React.useState<AvlVendor[]>([]); - const [selectedVendorIds, setSelectedVendorIds] = React.useState<Set<number>>(new Set()); - const [activeTab, setActiveTab] = React.useState<"vendors" | "contracts">("vendors"); - const [vendorContracts, setVendorContracts] = React.useState<VendorContract[]>([]); const [existingVendorIds, setExistingVendorIds] = React.useState<Set<number>>(new Set()); - - // 일괄 적용용 기본값 - const [defaultContract, setDefaultContract] = React.useState({ - agreementYn: true, - ndaYn: true, - gtcType: "none" as "general" | "project" | "none" - }); - // AVL 벤더 로드 + // AVL 벤더 로드 (참조용) const loadAvlVendors = React.useCallback(async () => { setIsLoadingAvl(true); try { const result = await getAvlVendorsForRfq(rfqId); if (result.success && result.vendors) { - setAvlVendors(result.vendors); - - // 이미 RFQ에 추가된 벤더 ID 설정 + setAvlVendors(result.vendors as AvlVendor[]); + + // 이미 RFQ에 추가된 벤더 ID 설정 (참조용) const existingIds = new Set(result.existingVendorIds || []); setExistingVendorIds(existingIds); - - // AVL에서 가져온 모든 벤더를 기본 선택 (이미 추가된 것 제외) - const defaultSelected = new Set( - result.vendors - .filter(v => v.vendorId && !existingIds.has(v.vendorId)) - .map(v => v.vendorId!) - ); - setSelectedVendorIds(defaultSelected); - - // 초기 계약 설정 - const initialContracts = result.vendors - .filter(v => v.vendorId && defaultSelected.has(v.vendorId)) - .map(v => { - const isInternational = v.headquarterLocation && - v.headquarterLocation !== "KR" && - v.headquarterLocation !== "한국"; - return { - vendorId: v.vendorId!, - agreementYn: true, - ndaYn: true, - gtcType: isInternational ? "general" : "none" as const - }; - }); - setVendorContracts(initialContracts); - + if (result.vendors.length === 0) { toast.info("해당 프로젝트와 자재그룹에 대한 AVL 벤더가 없습니다."); } @@ -152,139 +99,22 @@ export function AvlVendorDialog({ React.useEffect(() => { if (!open) { setAvlVendors([]); - setSelectedVendorIds(new Set()); - setVendorContracts([]); - setActiveTab("vendors"); - setDefaultContract({ - agreementYn: true, - ndaYn: true, - gtcType: "none" - }); + setExistingVendorIds(new Set()); } }, [open]); - // 벤더 선택 토글 - const toggleVendorSelection = (vendorId: number) => { - const newSelection = new Set(selectedVendorIds); - if (newSelection.has(vendorId)) { - newSelection.delete(vendorId); - setVendorContracts(contracts => - contracts.filter(c => c.vendorId !== vendorId) - ); - } else { - newSelection.add(vendorId); - const vendor = avlVendors.find(v => v.vendorId === vendorId); - if (vendor) { - const isInternational = vendor.headquarterLocation && - vendor.headquarterLocation !== "KR" && - vendor.headquarterLocation !== "한국"; - setVendorContracts(contracts => [ - ...contracts, - { - vendorId, - agreementYn: defaultContract.agreementYn, - ndaYn: defaultContract.ndaYn, - gtcType: isInternational ? defaultContract.gtcType : "none" - } - ]); - } - } - setSelectedVendorIds(newSelection); - }; - - // 개별 벤더의 계약 설정 업데이트 - const updateVendorContract = (vendorId: number, field: string, value: any) => { - setVendorContracts(contracts => - contracts.map(c => - c.vendorId === vendorId ? { ...c, [field]: value } : c - ) - ); - }; - - // 모든 벤더에 일괄 적용 - const applyToAll = () => { - setVendorContracts(contracts => - contracts.map(c => { - const vendor = avlVendors.find(v => v.vendorId === c.vendorId); - const isInternational = vendor?.headquarterLocation && - vendor.headquarterLocation !== "KR" && - vendor.headquarterLocation !== "한국"; - return { - ...c, - agreementYn: defaultContract.agreementYn, - ndaYn: defaultContract.ndaYn, - gtcType: isInternational ? defaultContract.gtcType : "none" - }; - }) - ); - toast.success("모든 벤더에 기본계약 설정이 적용되었습니다."); - }; - - // 제출 처리 - const handleSubmit = async () => { - if (selectedVendorIds.size === 0) { - toast.error("최소 1개 이상의 벤더를 선택해주세요."); - return; - } - - setIsLoading(true); - try { - const selectedVendors = avlVendors.filter(v => - v.vendorId && selectedVendorIds.has(v.vendorId) - ); - - const result = await addAvlVendorsToRfq({ - rfqId, - vendors: selectedVendors.map(v => ({ - vendorId: v.vendorId!, - vendorName: v.vendorName, - vendorCode: v.vendorCode, - contractRequirements: vendorContracts.find(c => c.vendorId === v.vendorId) || { - agreementYn: true, - ndaYn: true, - gtcType: "none" as const - } - })) - }); - - if (result.success) { - toast.success( - <div> - <p>{result.addedCount}개의 AVL 벤더가 추가되었습니다.</p> - {result.skippedCount && result.skippedCount > 0 && ( - <p className="text-sm text-muted-foreground mt-1"> - {result.skippedCount}개는 이미 추가되어 있어 건너뛰었습니다. - </p> - )} - </div> - ); - onSuccess(); - onOpenChange(false); - } else { - toast.error(result.error || "벤더 추가에 실패했습니다."); - } - } catch (error) { - console.error("Submit error:", error); - toast.error("오류가 발생했습니다."); - } finally { - setIsLoading(false); - } - }; - - // 선택 가능한 벤더 필터링 - const selectableVendors = avlVendors.filter(v => v.vendorId); - const selectedVendors = selectableVendors.filter(v => selectedVendorIds.has(v.vendorId!)); + // 더 이상 핸들러 함수나 필터링이 필요 없음 - 참조용으로만 사용 return ( <Dialog open={open} onOpenChange={onOpenChange}> - <DialogContent className="max-w-5xl max-h-[90vh] p-0 flex flex-col"> + <DialogContent className="max-w-4xl max-h-[90vh] p-0 flex flex-col"> <DialogHeader className="p-6 pb-0"> <DialogTitle className="flex items-center gap-2"> - <Link className="h-5 w-5 text-primary" /> - AVL 벤더 연동 + <Eye className="h-5 w-5 text-primary" /> + AVL 벤더 목록 조회 </DialogTitle> <DialogDescription> - 프로젝트 AVL에 등록된 벤더를 RFQ에 추가합니다. 선택된 벤더에게 견적 요청을 발송할 수 있습니다. + 동일한 자재그룹코드를 다루는 AVL 등록 벤더들의 목록을 확인할 수 있습니다. </DialogDescription> </DialogHeader> @@ -293,340 +123,132 @@ export function AvlVendorDialog({ <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" /> </div> ) : ( - <Tabs value={activeTab} onValueChange={(v) => setActiveTab(v as any)} className="flex-1 flex flex-col min-h-0"> - <TabsList className="mx-6 grid w-fit grid-cols-2"> - <TabsTrigger value="vendors"> - 1. AVL 벤더 선택 - {selectedVendorIds.size > 0 && ( - <Badge variant="secondary" className="ml-2"> - {selectedVendorIds.size} - </Badge> - )} - </TabsTrigger> - <TabsTrigger value="contracts" disabled={selectedVendorIds.size === 0}> - 2. 기본계약 설정 - </TabsTrigger> - </TabsList> - - <TabsContent value="vendors" className="flex-1 flex flex-col px-6 py-4 overflow-hidden min-h-0"> - {avlVendors.length === 0 ? ( - <Alert> - <AlertCircle className="h-4 w-4" /> - <AlertDescription> - 해당 프로젝트와 자재그룹에 대한 AVL 벤더가 없습니다. - </AlertDescription> - </Alert> - ) : ( - <Card className="flex flex-col flex-1 min-h-0"> - <CardHeader> - <CardTitle className="text-lg flex items-center justify-between"> - <span>AVL 벤더 목록</span> - <Badge variant="outline"> - 총 {avlVendors.length}개 업체 - </Badge> - </CardTitle> - <CardDescription> - AVL에서 자동으로 가져온 벤더입니다. 필요한 벤더를 선택하세요. - </CardDescription> - </CardHeader> - <CardContent className="flex-1 min-h-0"> - <ScrollArea className="h-[400px] pr-4"> - <div className="space-y-2"> - {avlVendors.map((vendor) => { - const isDisabled = !vendor.vendorId || existingVendorIds.has(vendor.vendorId); - const isSelected = vendor.vendorId && selectedVendorIds.has(vendor.vendorId); - const isInternational = vendor.headquarterLocation && - vendor.headquarterLocation !== "KR" && - vendor.headquarterLocation !== "한국"; - - return ( - <div - key={vendor.id} - className={cn( - "flex items-center justify-between p-3 rounded-lg border", - isDisabled && "opacity-50 bg-muted/30", - isSelected && !isDisabled && "bg-primary/5 border-primary/30" - )} - > - <div className="flex items-center gap-3 flex-1"> - <Checkbox - checked={isSelected} - onCheckedChange={() => vendor.vendorId && toggleVendorSelection(vendor.vendorId)} - disabled={isDisabled} - /> - - <div className="flex items-center gap-2 flex-1"> - <Building2 className="h-4 w-4 text-muted-foreground" /> - <div className="flex flex-col"> - <div className="flex items-center gap-2"> - <span className="font-medium">{vendor.vendorName}</span> - {vendor.vendorCode && ( - <Badge variant="outline" className="text-xs"> - {vendor.vendorCode} - </Badge> - )} - {existingVendorIds.has(vendor.vendorId!) && ( - <Badge variant="secondary" className="text-xs"> - <CheckCircle className="h-3 w-3 mr-1" /> - 추가됨 - </Badge> - )} - </div> - <div className="flex items-center gap-2 mt-1"> - {vendor.tier && ( - <Badge variant="outline" className="text-xs"> - 등급: {vendor.tier} - </Badge> - )} - {isInternational ? ( - <Badge variant="secondary" className="text-xs"> - <Globe className="h-3 w-3 mr-1" /> - {vendor.headquarterLocation} - </Badge> - ) : ( - <Badge variant="default" className="text-xs"> - 국내 - </Badge> - )} - {vendor.materialGroupName && ( - <span className="text-xs text-muted-foreground"> - {vendor.materialGroupName} - </span> - )} - {vendor.isAgent && ( - <Badge variant="warning" className="text-xs"> - Agent - </Badge> - )} - </div> - </div> - </div> + <div className="flex-1 flex flex-col px-6 py-4 overflow-hidden min-h-0"> + {avlVendors.length === 0 ? ( + <Alert> + <Info className="h-4 w-4" /> + <AlertDescription> + 해당 프로젝트와 자재그룹에 대한 AVL 벤더가 없습니다. + </AlertDescription> + </Alert> + ) : ( + <Card className="flex flex-col flex-1 min-h-0"> + <CardHeader> + <CardTitle className="text-lg flex items-center justify-between"> + <span>AVL 등록 벤더 목록</span> + <Badge variant="outline"> + 총 {avlVendors.length}개 업체 + </Badge> + </CardTitle> + <CardDescription> + 동일한 자재그룹코드를 다루는 AVL 등록 벤더들의 정보입니다. + </CardDescription> + </CardHeader> + <CardContent className="flex-1 min-h-0"> + <ScrollArea className="h-[500px] pr-4"> + <div className="space-y-3"> + {avlVendors.map((vendor) => { + const isInCurrentRfq = vendor.vendorId && existingVendorIds.has(vendor.vendorId); + const isInternational = vendor.headquarterLocation && + vendor.headquarterLocation !== "KR" && + vendor.headquarterLocation !== "한국"; - <div className="flex items-center gap-1"> - {vendor.hasAvl && ( - <Badge variant="success" className="text-xs"> - AVL + return ( + <div + key={vendor.id} + className={cn( + "flex items-center justify-between p-4 rounded-lg border bg-card", + isInCurrentRfq && "bg-blue-50 border-blue-200" + )} + > + <div className="flex items-center gap-3 flex-1"> + <Building2 className="h-5 w-5 text-muted-foreground flex-shrink-0" /> + <div className="flex flex-col flex-1 min-w-0"> + <div className="flex items-center gap-2 flex-wrap"> + <span className="font-medium">{vendor.vendorName}</span> + {vendor.vendorCode && ( + <Badge variant="outline" className="text-xs"> + {vendor.vendorCode} + </Badge> + )} + {isInCurrentRfq && ( + <Badge variant="default" className="text-xs bg-blue-600"> + <CheckCircle className="h-3 w-3 mr-1" /> + RFQ 참여중 </Badge> )} - {vendor.isBcc && ( + </div> + <div className="flex items-center gap-2 mt-1 flex-wrap"> + {vendor.tier && ( <Badge variant="outline" className="text-xs"> - BCC + 등급: {vendor.tier} </Badge> )} - {vendor.isBlacklist && ( - <Badge variant="destructive" className="text-xs"> - Blacklist + {isInternational ? ( + <Badge variant="secondary" className="text-xs"> + <Globe className="h-3 w-3 mr-1" /> + {vendor.headquarterLocation} + </Badge> + ) : ( + <Badge variant="default" className="text-xs"> + 국내 </Badge> )} - </div> - </div> - </div> - ); - })} - </div> - </ScrollArea> - </CardContent> - </Card> - )} - </TabsContent> - - <TabsContent value="contracts" className="flex-1 flex flex-col px-6 py-4 overflow-hidden min-h-0"> - <div className="flex-1 overflow-y-auto space-y-4 min-h-0"> - <Card> - <CardHeader className="pb-3"> - <CardTitle className="text-base flex items-center gap-2"> - <Settings className="h-4 w-4" /> - 일괄 적용 설정 - </CardTitle> - <CardDescription> - 모든 벤더에 동일한 설정을 적용할 수 있습니다. - </CardDescription> - </CardHeader> - <CardContent className="space-y-4"> - <div className="grid grid-cols-2 gap-4"> - <div className="space-y-2"> - <div className="flex items-center space-x-2"> - <Checkbox - id="default-agreement" - checked={defaultContract.agreementYn} - onCheckedChange={(checked) => - setDefaultContract({ ...defaultContract, agreementYn: !!checked }) - } - /> - <label htmlFor="default-agreement" className="text-sm font-medium"> - 기술자료 제공 동의 - </label> - </div> - <div className="flex items-center space-x-2"> - <Checkbox - id="default-nda" - checked={defaultContract.ndaYn} - onCheckedChange={(checked) => - setDefaultContract({ ...defaultContract, ndaYn: !!checked }) - } - /> - <label htmlFor="default-nda" className="text-sm font-medium"> - 비밀유지 계약 (NDA) - </label> - </div> - </div> - <div className="space-y-2"> - <Label className="text-sm">GTC (국외 업체용)</Label> - <RadioGroup - value={defaultContract.gtcType} - onValueChange={(value: any) => - setDefaultContract({ ...defaultContract, gtcType: value }) - } - > - <div className="flex items-center space-x-2"> - <RadioGroupItem value="none" id="default-gtc-none" /> - <label htmlFor="default-gtc-none" className="text-sm">없음</label> - </div> - <div className="flex items-center space-x-2"> - <RadioGroupItem value="general" id="default-gtc-general" /> - <label htmlFor="default-gtc-general" className="text-sm">General GTC</label> - </div> - <div className="flex items-center space-x-2"> - <RadioGroupItem value="project" id="default-gtc-project" /> - <label htmlFor="default-gtc-project" className="text-sm">Project GTC</label> - </div> - </RadioGroup> - </div> - </div> - <Button - variant="secondary" - size="sm" - onClick={applyToAll} - className="w-full" - > - 모든 벤더에 적용 - </Button> - </CardContent> - </Card> - - <Card className="flex flex-col min-h-0"> - <CardHeader className="pb-3"> - <CardTitle className="text-base">개별 벤더 기본계약 설정</CardTitle> - <CardDescription> - 각 벤더별로 다른 기본계약을 요구할 수 있습니다. - </CardDescription> - </CardHeader> - <CardContent className="flex-1 min-h-0"> - <ScrollArea className="h-[250px] pr-4"> - <div className="space-y-4"> - {selectedVendors.map((vendor) => { - const contract = vendorContracts.find(c => c.vendorId === vendor.vendorId); - const isInternational = vendor.headquarterLocation && - vendor.headquarterLocation !== "KR" && - vendor.headquarterLocation !== "한국"; - - return ( - <div key={vendor.id} className="border rounded-lg p-4 space-y-3"> - <div className="flex items-center justify-between"> - <div className="flex items-center gap-2"> - {vendor.vendorCode && ( - <Badge variant="outline">{vendor.vendorCode}</Badge> + {vendor.materialGroupName && ( + <span className="text-xs text-muted-foreground"> + {vendor.materialGroupName} + </span> + )} + {vendor.isAgent && ( + <Badge variant="secondary" className="text-xs"> + Agent + </Badge> )} - <span className="font-medium">{vendor.vendorName}</span> - <Badge - variant={isInternational ? "secondary" : "default"} - className="text-xs" - > - {vendor.headquarterLocation || "미지정"} - </Badge> - </div> - </div> - - <div className="grid grid-cols-2 gap-4"> - <div className="space-y-2"> - <div className="flex items-center space-x-2"> - <Checkbox - checked={contract?.agreementYn || false} - onCheckedChange={(checked) => - vendor.vendorId && updateVendorContract(vendor.vendorId, "agreementYn", !!checked) - } - /> - <label className="text-sm">기술자료 제공</label> - </div> - <div className="flex items-center space-x-2"> - <Checkbox - checked={contract?.ndaYn || false} - onCheckedChange={(checked) => - vendor.vendorId && updateVendorContract(vendor.vendorId, "ndaYn", !!checked) - } - /> - <label className="text-sm">NDA</label> - </div> </div> - - {isInternational && vendor.vendorId && ( - <div className="space-y-1"> - <Label className="text-xs">GTC</Label> - <RadioGroup - value={contract?.gtcType || "none"} - onValueChange={(value) => - updateVendorContract(vendor.vendorId!, "gtcType", value) - } - > - <div className="flex items-center space-x-2"> - <RadioGroupItem value="none" id={`${vendor.vendorId}-none`} /> - <label htmlFor={`${vendor.vendorId}-none`} className="text-xs">없음</label> - </div> - <div className="flex items-center space-x-2"> - <RadioGroupItem value="general" id={`${vendor.vendorId}-general`} /> - <label htmlFor={`${vendor.vendorId}-general`} className="text-xs">General</label> - </div> - <div className="flex items-center space-x-2"> - <RadioGroupItem value="project" id={`${vendor.vendorId}-project`} /> - <label htmlFor={`${vendor.vendorId}-project`} className="text-xs">Project</label> - </div> - </RadioGroup> - </div> - )} - - {!isInternational && ( - <div className="text-xs text-muted-foreground"> - 국내 업체 - GTC 불필요 + {vendor.remark && ( + <div className="text-xs text-muted-foreground mt-1"> + {vendor.remark} </div> )} </div> </div> - ); - })} - </div> - </ScrollArea> - </CardContent> - </Card> - </div> - </TabsContent> - </Tabs> + + <div className="flex items-center gap-1 flex-shrink-0"> + {vendor.hasAvl && ( + <Badge variant="default" className="text-xs bg-green-600"> + <CheckCircle className="h-3 w-3 mr-1" /> + AVL + </Badge> + )} + {vendor.isBcc && ( + <Badge variant="outline" className="text-xs"> + BCC + </Badge> + )} + {vendor.isBlacklist && ( + <Badge variant="destructive" className="text-xs"> + Blacklist + </Badge> + )} + </div> + </div> + ); + })} + </div> + </ScrollArea> + </CardContent> + </Card> + )} + </div> )} <DialogFooter className="p-6 pt-0 border-t"> <Button variant="outline" onClick={() => onOpenChange(false)} - disabled={isLoading} > - 취소 + 닫기 </Button> - {activeTab === "vendors" && selectedVendorIds.size > 0 && ( - <Button onClick={() => setActiveTab("contracts")}> - 다음: 기본계약 설정 - </Button> - )} - {activeTab === "contracts" && ( - <Button - onClick={handleSubmit} - disabled={isLoading || selectedVendorIds.size === 0} - > - {isLoading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />} - {selectedVendorIds.size > 0 - ? `${selectedVendorIds.size}개 AVL 벤더 추가` - : 'AVL 벤더 추가' - } - </Button> - )} </DialogFooter> </DialogContent> </Dialog> diff --git a/lib/rfq-last/vendor/rfq-vendor-table.tsx b/lib/rfq-last/vendor/rfq-vendor-table.tsx index 29aa5f09..fc98785d 100644 --- a/lib/rfq-last/vendor/rfq-vendor-table.tsx +++ b/lib/rfq-last/vendor/rfq-vendor-table.tsx @@ -58,6 +58,11 @@ import { AddVendorDialog } from "./add-vendor-dialog"; import { BatchUpdateConditionsDialog } from "./batch-update-conditions-dialog"; import { SendRfqDialog } from "./send-rfq-dialog"; import { CancelVendorResponseDialog } from "./cancel-vendor-response-dialog"; +import { ApprovalPreviewDialog } from "@/lib/approval/client"; +import { requestRfqSendWithApproval } from "../approval-actions"; +import { mapRfqSendToTemplateVariables } from "../approval-handlers"; +import { useSession } from "next-auth/react"; +import { ApplicationReasonDialog } from "./application-reason-dialog"; import { getRfqSendData, @@ -293,6 +298,22 @@ export function RfqVendorTable({ vendorName: string; } | null>(null); const [isCancelDialogOpen, setIsCancelDialogOpen] = React.useState(false); + + // 결재 관련 상태 + const [showApplicationReasonDialog, setShowApplicationReasonDialog] = React.useState(false); + const [showApprovalPreview, setShowApprovalPreview] = React.useState(false); + const [approvalPreviewData, setApprovalPreviewData] = React.useState<{ + vendors: any[]; + attachments: any[]; + attachmentIds: number[]; + message?: string; + generatedPdfs?: any[]; + hasToSendEmail?: boolean; + templateVariables?: Record<string, string>; + applicationReason?: string; + } | null>(null); + + const { data: session } = useSession(); // AVL 연동 핸들러 const handleAvlIntegration = React.useCallback(() => { @@ -419,6 +440,57 @@ export function RfqVendorTable({ return; } + const hasAttachments = rfqSendData.attachments && rfqSendData.attachments.length > 0; + + // 🔹 첨부파일이 있는 경우: 결재 프로세스 시작 + if (hasAttachments) { + // Knox EP ID 확인 + if (!session?.user?.epId) { + toast.error("Knox EP ID가 없습니다. 시스템 관리자에게 문의하세요."); + setIsLoadingSendData(false); + return; + } + + // 첨부파일 정보 변환 + const attachmentsForApproval = rfqSendData.attachments.map((att: any) => ({ + fileName: att.fileName, + fileSize: att.fileSize, + })); + + // 결재 데이터 임시 저장 (신청사유 입력 전) + setApprovalPreviewData({ + vendors: vendorEmailInfos.map(v => ({ + vendorId: v.vendorId, + vendorName: v.vendorName, + vendorCode: v.vendorCode, + vendorCountry: v.vendorCountry, + selectedMainEmail: v.primaryEmail || v.vendorEmail || '', + additionalEmails: [], + customEmails: [], + currency: v.currency, + contractRequirements: { + ndaYn: v.ndaYn || false, + generalGtcYn: v.generalGtcYn || false, + projectGtcYn: v.projectGtcYn || false, + agreementYn: v.agreementYn || false, + }, + isResend: v.sendVersion ? v.sendVersion > 0 : false, + sendVersion: v.sendVersion, + })), + attachments: attachmentsForApproval, + attachmentIds: rfqSendData.attachments.map((att: any) => att.id), + message: undefined, + generatedPdfs: undefined, + hasToSendEmail: true, + }); + + // 신청사유 입력 다이얼로그 먼저 열기 + setShowApplicationReasonDialog(true); + setIsLoadingSendData(false); + return; + } + + // 🔹 첨부파일이 없는 경우: 기존 로직 (바로 발송) // 다이얼로그 데이터 설정 setSendDialogData({ rfqInfo: rfqSendData.rfqInfo, @@ -450,7 +522,82 @@ export function RfqVendorTable({ } finally { setIsLoadingSendData(false); } - }, [selectedRows, rfqId]); + }, [selectedRows, rfqId, session]); + + // 신청사유 입력 완료 핸들러 + const handleApplicationReasonConfirm = React.useCallback(async (reason: string) => { + if (!approvalPreviewData) { + toast.error("결재 데이터가 없습니다."); + return; + } + + try { + // 템플릿 변수 생성 (신청사유 포함) + const templateVariables = await mapRfqSendToTemplateVariables({ + attachments: approvalPreviewData.attachments, + vendorNames: approvalPreviewData.vendors.map(v => v.vendorName), + applicationReason: reason, + }); + + // 결재 미리보기 데이터 업데이트 + setApprovalPreviewData({ + ...approvalPreviewData, + templateVariables, + applicationReason: reason, + }); + + // 신청사유 다이얼로그 닫고 결재 미리보기 열기 + setShowApplicationReasonDialog(false); + setShowApprovalPreview(true); + } catch (error) { + console.error("템플릿 변수 생성 실패:", error); + toast.error("결재 문서 생성에 실패했습니다."); + } + }, [approvalPreviewData]); + + // 결재 미리보기 확인 핸들러 + const handleApprovalConfirm = React.useCallback(async (approvalData: { + approvers: string[]; + title: string; + description?: string; + }) => { + if (!approvalPreviewData || !session?.user) { + toast.error("결재 데이터가 없습니다."); + return; + } + + try { + const result = await requestRfqSendWithApproval({ + rfqId, + rfqCode, + vendors: approvalPreviewData.vendors, + attachmentIds: approvalPreviewData.attachmentIds, + attachments: approvalPreviewData.attachments, + message: approvalPreviewData.message, + generatedPdfs: approvalPreviewData.generatedPdfs, + hasToSendEmail: approvalPreviewData.hasToSendEmail, + applicationReason: approvalPreviewData.applicationReason || '', + currentUser: { + id: Number(session.user.id), + epId: session.user.epId || null, + name: session.user.name || undefined, + email: session.user.email || undefined, + }, + approvers: approvalData.approvers, + }); + + if (result.success) { + toast.success(result.message); + setShowApprovalPreview(false); + setApprovalPreviewData(null); + setSelectedRows([]); + router.refresh(); + } + } catch (error) { + console.error("결재 상신 실패:", error); + toast.error(error instanceof Error ? error.message : "결재 상신에 실패했습니다."); + } + }, [approvalPreviewData, session, rfqId, rfqCode, router]); // RFQ 발송 핸들러 const handleSendRfq = React.useCallback(async (data: { @@ -589,6 +736,53 @@ export function RfqVendorTable({ return; } + const hasAttachments = rfqSendData.attachments && rfqSendData.attachments.length > 0; + + // 🔹 첨부파일이 있는 경우: 결재 프로세스 + if (hasAttachments) { + if (!session?.user?.epId) { + toast.error("Knox EP ID가 없습니다. 시스템 관리자에게 문의하세요."); + setIsLoadingSendData(false); + return; + } + + const attachmentsForApproval = rfqSendData.attachments.map((att: any) => ({ + fileName: att.fileName, + fileSize: att.fileSize, + })); + + setApprovalPreviewData({ + vendors: vendorEmailInfos.map(v => ({ + vendorId: v.vendorId, + vendorName: v.vendorName, + vendorCode: v.vendorCode, + vendorCountry: v.vendorCountry, + selectedMainEmail: v.primaryEmail || v.vendorEmail || '', + additionalEmails: [], + customEmails: [], + currency: v.currency, + contractRequirements: { + ndaYn: v.ndaYn || false, + generalGtcYn: v.generalGtcYn || false, + projectGtcYn: v.projectGtcYn || false, + agreementYn: v.agreementYn || false, + }, + isResend: v.sendVersion ? v.sendVersion > 0 : false, + sendVersion: v.sendVersion, + })), + attachments: attachmentsForApproval, + attachmentIds: rfqSendData.attachments.map((att: any) => att.id), + message: undefined, + generatedPdfs: undefined, + hasToSendEmail: true, + }); + + setShowApplicationReasonDialog(true); + setIsLoadingSendData(false); + return; + } + + // 🔹 첨부파일이 없는 경우: 기존 로직 setSendDialogData({ rfqInfo: rfqSendData.rfqInfo, attachments: rfqSendData.attachments || [], @@ -1843,16 +2037,11 @@ export function RfqVendorTable({ /> )} - {/* AVL 벤더 연동 다이얼로그 */} + {/* AVL 벤더 조회 다이얼로그 */} <AvlVendorDialog open={isAvlDialogOpen} onOpenChange={setIsAvlDialogOpen} rfqId={rfqId} - rfqCode={rfqCode} - onSuccess={() => { - setIsAvlDialogOpen(false); - router.refresh(); - }} /> {/* 연동제 정보 다이얼로그 */} @@ -1888,6 +2077,37 @@ export function RfqVendorTable({ toast.success("RFQ 취소가 완료되었습니다."); }} /> + + {/* 신청사유 입력 다이얼로그 */} + {approvalPreviewData && ( + <ApplicationReasonDialog + open={showApplicationReasonDialog} + onOpenChange={setShowApplicationReasonDialog} + onConfirm={handleApplicationReasonConfirm} + vendorCount={approvalPreviewData.vendors.length} + attachmentCount={approvalPreviewData.attachmentIds.length} + /> + )} + + {/* 결재 미리보기 다이얼로그 */} + {approvalPreviewData && session?.user?.epId && approvalPreviewData.templateVariables && ( + <ApprovalPreviewDialog + open={showApprovalPreview} + onOpenChange={setShowApprovalPreview} + templateName="암호화해제 신청" + variables={approvalPreviewData.templateVariables} + title={`암호화해제 신청 - ${rfqCode || 'RFQ'}`} + currentUser={{ + id: Number(session.user.id), + epId: session.user.epId, + name: session.user.name || undefined, + email: session.user.email || undefined, + }} + onConfirm={handleApprovalConfirm} + allowTitleEdit={false} + allowDescriptionEdit={false} + /> + )} </> ); }
\ No newline at end of file |