1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
'use client'
import * as React from 'react'
import {
Dialog,
DialogContent,
DialogDescription,
DialogHeader,
DialogTitle,
} from '@/components/ui/dialog'
import { PrItemsPricingTable } from '../../vendor/components/pr-items-pricing-table'
import { getSavedPrItemQuotations } from '../service'
interface PrItem {
id: number
itemNumber: string | null
prNumber: string | null
itemInfo: string | null
materialDescription: string | null
quantity: string | null
quantityUnit: string | null
totalWeight: string | null
weightUnit: string | null
currency: string | null
requestedDeliveryDate: string | null
hasSpecDocument: boolean | null
}
interface PrItemQuotation {
prItemId: number
bidUnitPrice: number
bidAmount: number
proposedDeliveryDate?: string
technicalSpecification?: string
}
interface BiddingPreQuoteItemDetailsDialogProps {
open: boolean
onOpenChange: (open: boolean) => void
biddingId: number
biddingCompanyId: number
companyName: string
prItems: PrItem[]
currency?: string
}
export function BiddingPreQuoteItemDetailsDialog({
open,
onOpenChange,
biddingId,
biddingCompanyId,
companyName,
prItems,
currency = 'KRW'
}: BiddingPreQuoteItemDetailsDialogProps) {
const [prItemQuotations, setPrItemQuotations] = React.useState<PrItemQuotation[]>([])
const [isLoading, setIsLoading] = React.useState(false)
// 다이얼로그가 열릴 때 저장된 품목별 견적 데이터 로드
React.useEffect(() => {
if (open && biddingCompanyId) {
loadSavedQuotations()
}
}, [open, biddingCompanyId])
const loadSavedQuotations = async () => {
setIsLoading(true)
try {
console.log('Loading saved quotations for biddingCompanyId:', biddingCompanyId)
const savedQuotations = await getSavedPrItemQuotations(biddingCompanyId)
console.log('Loaded saved quotations:', savedQuotations)
setPrItemQuotations(savedQuotations)
} catch (error) {
console.error('Failed to load saved quotations:', error)
} finally {
setIsLoading(false)
}
}
const handleQuotationsChange = (quotations: PrItemQuotation[]) => {
// ReadOnly 모드이므로 변경사항을 저장하지 않음
console.log('Quotations changed (readonly):', quotations)
}
const handleTotalAmountChange = (total: number) => {
// ReadOnly 모드이므로 총 금액 변경을 처리하지 않음
console.log('Total amount changed (readonly):', total)
}
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-w-7xl max-h-[90vh] overflow-y-auto">
<DialogHeader>
<DialogTitle className="flex items-center gap-2">
<span>품목별 견적 상세</span>
<span className="text-sm font-normal text-muted-foreground">
- {companyName}
</span>
</DialogTitle>
<DialogDescription>
협력업체가 제출한 품목별 견적 상세 정보입니다.
</DialogDescription>
</DialogHeader>
{isLoading ? (
<div className="flex items-center justify-center py-12">
<div className="text-center">
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary mx-auto mb-4"></div>
<p className="text-muted-foreground">견적 정보를 불러오는 중...</p>
</div>
</div>
) : (
<PrItemsPricingTable
prItems={prItems}
initialQuotations={prItemQuotations}
currency={currency}
onQuotationsChange={handleQuotationsChange}
onTotalAmountChange={handleTotalAmountChange}
readOnly={true}
/>
)}
</DialogContent>
</Dialog>
)
}
|
