diff options
Diffstat (limited to 'lib/bidding/vendor/vendor-prequote-participation-dialog.tsx')
| -rw-r--r-- | lib/bidding/vendor/vendor-prequote-participation-dialog.tsx | 268 |
1 files changed, 0 insertions, 268 deletions
diff --git a/lib/bidding/vendor/vendor-prequote-participation-dialog.tsx b/lib/bidding/vendor/vendor-prequote-participation-dialog.tsx deleted file mode 100644 index c8098c3d..00000000 --- a/lib/bidding/vendor/vendor-prequote-participation-dialog.tsx +++ /dev/null @@ -1,268 +0,0 @@ -'use client' - -import * as React from 'react' -import { Button } from '@/components/ui/button' -import { - Dialog, - DialogContent, - DialogDescription, - DialogFooter, - DialogHeader, - DialogTitle, -} from '@/components/ui/dialog' -import { Badge } from '@/components/ui/badge' -import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card' -import { CheckCircle, XCircle, AlertCircle, Calendar, Package, Building2, User } from 'lucide-react' -import { useToast } from '@/hooks/use-toast' -import { useTransition } from 'react' -import { formatDate } from '@/lib/utils' - -interface VendorPreQuoteParticipationDialogProps { - open: boolean - onOpenChange: (open: boolean) => void - biddingDetail: any // BiddingDetail 타입 - onParticipationDecision: (participate: boolean) => Promise<void> -} - -export function VendorPreQuoteParticipationDialog({ - open, - onOpenChange, - biddingDetail, - onParticipationDecision -}: VendorPreQuoteParticipationDialogProps) { - const { toast } = useToast() - const [isPending, startTransition] = useTransition() - const [selectedDecision, setSelectedDecision] = React.useState<boolean | null>(null) - - const handleSubmit = () => { - if (selectedDecision === null) { - toast({ - title: '선택 필요', - description: '사전견적 참여 여부를 선택해주세요.', - variant: 'destructive', - }) - return - } - - startTransition(async () => { - try { - await onParticipationDecision(selectedDecision) - - toast({ - title: '완료', - description: selectedDecision - ? '사전견적 참여를 결정했습니다. 이제 견적서를 작성하실 수 있습니다.' - : '사전견적 참여를 거절했습니다.', - }) - - setSelectedDecision(null) - onOpenChange(false) - } catch (error) { - toast({ - title: '오류', - description: '처리 중 오류가 발생했습니다.', - variant: 'destructive', - }) - } - }) - } - - const handleOpenChange = (open: boolean) => { - onOpenChange(open) - if (!open) { - setSelectedDecision(null) - } - } - - if (!biddingDetail) return null - - return ( - <Dialog open={open} onOpenChange={handleOpenChange}> - <DialogContent className="sm:max-w-[700px]"> - <DialogHeader> - <DialogTitle className="flex items-center gap-2"> - <AlertCircle className="w-5 h-5 text-blue-600" /> - 사전견적 참여 의사 결정 - </DialogTitle> - <DialogDescription> - 다음 입찰건에 대한 사전견적 참여 여부를 결정해주세요. - </DialogDescription> - </DialogHeader> - - <div className="py-4 space-y-6"> - {/* 입찰 정보 카드 */} - <Card> - <CardHeader> - <CardTitle className="text-lg flex items-center gap-2"> - <Package className="w-5 h-5" /> - 입찰 상세 정보 - </CardTitle> - </CardHeader> - <CardContent> - <div className="grid grid-cols-1 md:grid-cols-2 gap-4"> - <div> - <strong className="text-gray-700">입찰번호:</strong> - <div className="flex items-center gap-2 mt-1"> - <span className="font-mono">{biddingDetail.biddingNumber}</span> - {biddingDetail.revision && biddingDetail.revision > 0 && ( - <Badge variant="outline">Rev.{biddingDetail.revision}</Badge> - )} - </div> - </div> - - <div> - <strong className="text-gray-700">프로젝트:</strong> - <div className="flex items-center gap-2 mt-1"> - <Building2 className="w-4 h-4" /> - <span>{biddingDetail.projectName}</span> - </div> - </div> - - <div className="md:col-span-2"> - <strong className="text-gray-700">입찰명:</strong> - <div className="mt-1"> - <span className="text-lg">{biddingDetail.title}</span> - </div> - </div> - - <div> - <strong className="text-gray-700">품목명:</strong> - <div className="mt-1">{biddingDetail.itemName}</div> - </div> - - <div> - <strong className="text-gray-700">담당자:</strong> - <div className="flex items-center gap-2 mt-1"> - <User className="w-4 h-4" /> - <span>{biddingDetail.managerName}</span> - </div> - </div> - - {biddingDetail.preQuoteDate && ( - <div className="md:col-span-2"> - <strong className="text-gray-700">사전견적 마감일:</strong> - <div className="flex items-center gap-2 mt-1"> - <Calendar className="w-4 h-4 text-red-500" /> - <span className="text-red-600 font-semibold"> - {formatDate(biddingDetail.preQuoteDate, 'KR')} - </span> - </div> - </div> - )} - - {biddingDetail.budget && ( - <div> - <strong className="text-gray-700">예산:</strong> - <div className="mt-1 font-mono"> - {biddingDetail.budget?.toLocaleString()} {biddingDetail.currency || 'KRW'} - </div> - </div> - )} - </div> - </CardContent> - </Card> - - {/* 참여 의사 선택 */} - <div className="space-y-4"> - <h3 className="text-lg font-semibold text-gray-900"> - 사전견적에 참여하시겠습니까? - </h3> - - <div className="grid grid-cols-1 md:grid-cols-2 gap-4"> - {/* 참여 */} - <Card - className={`cursor-pointer transition-all border-2 ${ - selectedDecision === true - ? 'border-green-500 bg-green-50 shadow-md' - : 'border-gray-200 hover:border-green-300 hover:shadow-sm' - }`} - onClick={() => setSelectedDecision(true)} - > - <CardContent className="p-6 text-center"> - <CheckCircle className="w-16 h-16 text-green-600 mx-auto mb-4" /> - <h4 className="text-xl font-semibold text-green-700 mb-2"> - 참여하겠습니다 - </h4> - <p className="text-sm text-gray-600 leading-relaxed"> - 사전견적서를 작성하여 제출하겠습니다.<br/> - 마감일까지 견적을 완료해주세요. - </p> - </CardContent> - </Card> - - {/* 참여 안함 */} - <Card - className={`cursor-pointer transition-all border-2 ${ - selectedDecision === false - ? 'border-red-500 bg-red-50 shadow-md' - : 'border-gray-200 hover:border-red-300 hover:shadow-sm' - }`} - onClick={() => setSelectedDecision(false)} - > - <CardContent className="p-6 text-center"> - <XCircle className="w-16 h-16 text-red-600 mx-auto mb-4" /> - <h4 className="text-xl font-semibold text-red-700 mb-2"> - 참여하지 않겠습니다 - </h4> - <p className="text-sm text-gray-600 leading-relaxed"> - 이번 사전견적에는 참여하지 않겠습니다.<br/> - 다음 기회에 참여하겠습니다. - </p> - </CardContent> - </Card> - </div> - - {selectedDecision !== null && ( - <div className={`mt-4 p-4 rounded-lg border ${ - selectedDecision - ? 'bg-green-50 border-green-200' - : 'bg-red-50 border-red-200' - }`}> - <div className="flex items-center gap-2"> - {selectedDecision ? ( - <CheckCircle className="w-5 h-5 text-green-600" /> - ) : ( - <XCircle className="w-5 h-5 text-red-600" /> - )} - <span className={`font-medium ${ - selectedDecision ? 'text-green-800' : 'text-red-800' - }`}> - {selectedDecision - ? '사전견적 참여를 선택하셨습니다.' - : '사전견적 참여를 거절하셨습니다.' - } - </span> - </div> - <p className={`text-sm mt-1 ${ - selectedDecision ? 'text-green-600' : 'text-red-600' - }`}> - {selectedDecision - ? '확인을 누르시면 견적서 작성 화면으로 이동합니다.' - : '확인을 누르시면 이 입찰건의 참여가 종료됩니다.' - } - </p> - </div> - )} - </div> - </div> - - <DialogFooter> - <Button variant="outline" onClick={() => handleOpenChange(false)}> - 취소 - </Button> - <Button - onClick={handleSubmit} - disabled={isPending || selectedDecision === null} - className={selectedDecision === true ? 'bg-green-600 hover:bg-green-700' : - selectedDecision === false ? 'bg-red-600 hover:bg-red-700' : ''} - > - {selectedDecision === true && <CheckCircle className="w-4 h-4 mr-2" />} - {selectedDecision === false && <XCircle className="w-4 h-4 mr-2" />} - {selectedDecision === true ? '참여 확정' : - selectedDecision === false ? '참여 거절' : '선택하세요'} - </Button> - </DialogFooter> - </DialogContent> - </Dialog> - ) -} |