(최겸) 구매 입찰 개발(벤더 응찰 개발 및 기본계약 요청 개발 필)

1 files changed, 149 insertions, 0 deletions

diff --git a/components/bidding/bidding-info-header.tsx b/components/bidding/bidding-info-header.tsx
new file mode 100644
index 00000000..c140920b
--- /dev/null
+++ b/components/bidding/bidding-info-header.tsx
@@ -0,0 +1,149 @@
+import { Bidding } from '@/db/schema/bidding'
+import { Building2, Package, User, DollarSign, Calendar } from 'lucide-react'
+import { contractTypeLabels, biddingTypeLabels } from '@/db/schema/bidding'
+
+interface BiddingInfoHeaderProps {
+  bidding: Bidding
+}
+
+function formatDate(date: Date | string | null | undefined, locale: 'KR' | 'EN' = 'KR'): string {
+  if (!date) return ''
+  
+  const dateObj = typeof date === 'string' ? new Date(date) : date
+  
+  if (locale === 'KR') {
+    return dateObj.toLocaleDateString('ko-KR', {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit'
+    }).replace(/\./g, '-').replace(/-$/, '')
+  }
+  
+  return dateObj.toLocaleDateString('en-US', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit'
+  })
+}
+
+export function BiddingInfoHeader({ bidding }: BiddingInfoHeaderProps) {
+  return (
+    <div className="bg-white border rounded-lg p-6 mb-6 shadow-sm">
+      {/* 주요 정보 섹션 */}
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6">
+        {/* 프로젝트 정보 */}
+        {bidding.projectName && (
+          <div className="space-y-1">
+            <div className="flex items-center gap-2 text-sm text-gray-500">
+              <Building2 className="w-4 h-4" />
+              <span>프로젝트</span>
+            </div>
+            <div className="font-medium text-gray-900">{bidding.projectName}</div>
+          </div>
+        )}
+
+        {/* 품목 정보 */}
+        {bidding.itemName && (
+          <div className="space-y-1">
+            <div className="flex items-center gap-2 text-sm text-gray-500">
+              <Package className="w-4 h-4" />
+              <span>품목</span>
+            </div>
+            <div className="font-medium text-gray-900">{bidding.itemName}</div>
+          </div>
+        )}
+
+        {/* 담당자 정보 */}
+        {bidding.managerName && (
+          <div className="space-y-1">
+            <div className="flex items-center gap-2 text-sm text-gray-500">
+              <User className="w-4 h-4" />
+              <span>담당자</span>
+            </div>
+            <div className="font-medium text-gray-900">{bidding.managerName}</div>
+          </div>
+        )}
+
+        {/* 예산 정보 */}
+        {bidding.budget && (
+          <div className="space-y-1">
+            <div className="flex items-center gap-2 text-sm text-gray-500">
+              <DollarSign className="w-4 h-4" />
+              <span>예산</span>
+            </div>
+            <div className="font-semibold text-gray-900">
+              {new Intl.NumberFormat('ko-KR', {
+                style: 'currency',
+                currency: bidding.currency || 'KRW',
+              }).format(Number(bidding.budget))}
+            </div>
+          </div>
+        )}
+      </div>
+
+      {/* 구분선 */}
+      <div className="border-t border-gray-100 pt-4 mb-4">
+        {/* 계약 정보 */}
+        <div className="flex flex-wrap gap-8 text-sm">
+          <div className="flex items-center gap-2">
+            <span className="text-gray-500">계약</span>
+            <span className="font-medium">{contractTypeLabels[bidding.contractType]}</span>
+          </div>
+          
+          <div className="flex items-center gap-2">
+            <span className="text-gray-500">유형</span>
+            <span className="font-medium">{biddingTypeLabels[bidding.biddingType]}</span>
+          </div>
+
+          <div className="flex items-center gap-2">
+            <span className="text-gray-500">낙찰</span>
+            <span className="font-medium">{bidding.awardCount === 'single' ? '단수' : '복수'}</span>
+          </div>
+
+          <div className="flex items-center gap-2">
+            <span className="text-gray-500">통화</span>
+            <span className="font-mono font-medium">{bidding.currency}</span>
+          </div>
+        </div>
+      </div>
+
+      {/* 일정 정보 */}
+      {(bidding.submissionStartDate || bidding.evaluationDate || bidding.preQuoteDate || bidding.biddingRegistrationDate) && (
+        <div className="border-t border-gray-100 pt-4">
+          <div className="flex items-center gap-2 mb-3 text-sm text-gray-500">
+            <Calendar className="w-4 h-4" />
+            <span>일정 정보</span>
+          </div>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
+            {bidding.submissionStartDate && bidding.submissionEndDate && (
+              <div>
+                <span className="text-gray-500">제출기간</span>
+                <div className="font-medium">
+                  {formatDate(bidding.submissionStartDate, 'KR')} ~ {formatDate(bidding.submissionEndDate, 'KR')}
+                </div>
+              </div>
+            )}
+            {bidding.biddingRegistrationDate && (
+              <div>
+                <span className="text-gray-500">입찰등록일</span>
+                <div className="font-medium">{formatDate(bidding.biddingRegistrationDate, 'KR')}</div>
+              </div>
+            )}
+            {bidding.preQuoteDate && (
+              <div>
+                <span className="text-gray-500">사전견적일</span>
+                <div className="font-medium">{formatDate(bidding.preQuoteDate, 'KR')}</div>
+              </div>
+            )}
+            {bidding.evaluationDate && (
+              <div>
+                <span className="text-gray-500">평가일</span>
+                <div className="font-medium">{formatDate(bidding.evaluationDate, 'KR')}</div>
+              </div>
+            )}
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}