- 
+ ) : (
+ <>
+
750 X 250px, 10MB 이하의 PNG, JPEG, GIF
- {!isViewMode && ( - + {formData.logoUrl ? ( +750 X 250px, 10MB 이하의 PNG, JPEG, GIF
+ {!isViewMode && ( + + )} + )}
+ {/* 헤더 영역 - 고정 (인쇄 시 숨김) */}
+
- {/* 버튼 영역 - 고정 */}
-
{getDocumentTitle()} 상세
+ {/* 버튼 영역 - 고정 (인쇄 시 숨김) */}
+
{/* 기안함 모드 + 임시저장 상태: 복제, 상신, 인쇄 */}
{mode === 'draft' && documentStatus === 'draft' && (
<>
@@ -191,8 +192,8 @@ export function DocumentDetailModal({
*/}
- {/* 문서 영역 - 스크롤 */}
-
+ {/* 문서 영역 - 스크롤 (인쇄 시 이 영역만 출력) */}
+
(
+ initialData ? biddingDetailToFormData(initialData) : getEmptyBiddingDetailFormData()
+ );
+
+ // 로딩 상태
+ const [isLoading, setIsLoading] = useState(false);
+
+ // 다이얼로그 상태
+ const [showSaveDialog, setShowSaveDialog] = useState(false);
+
+ // 공과 합계 계산
+ const expenseTotal = useMemo(() => {
+ return formData.expenseItems.reduce((sum, item) => sum + item.amount, 0);
+ }, [formData.expenseItems]);
+
+ // 견적 상세 합계 계산 (견적 상세 페이지와 동일)
+ const estimateDetailTotals = useMemo(() => {
+ return formData.estimateDetailItems.reduce(
+ (acc, item) => ({
+ weight: acc.weight + (item.weight || 0),
+ area: acc.area + (item.area || 0),
+ steelScreen: acc.steelScreen + (item.steelScreen || 0),
+ caulking: acc.caulking + (item.caulking || 0),
+ rail: acc.rail + (item.rail || 0),
+ bottom: acc.bottom + (item.bottom || 0),
+ boxReinforce: acc.boxReinforce + (item.boxReinforce || 0),
+ shaft: acc.shaft + (item.shaft || 0),
+ painting: acc.painting + (item.painting || 0),
+ motor: acc.motor + (item.motor || 0),
+ controller: acc.controller + (item.controller || 0),
+ widthConstruction: acc.widthConstruction + (item.widthConstruction || 0),
+ heightConstruction: acc.heightConstruction + (item.heightConstruction || 0),
+ unitPrice: acc.unitPrice + (item.unitPrice || 0),
+ expense: acc.expense + (item.expense || 0),
+ quantity: acc.quantity + (item.quantity || 0),
+ cost: acc.cost + (item.cost || 0),
+ costExecution: acc.costExecution + (item.costExecution || 0),
+ marginCost: acc.marginCost + (item.marginCost || 0),
+ marginCostExecution: acc.marginCostExecution + (item.marginCostExecution || 0),
+ expenseExecution: acc.expenseExecution + (item.expenseExecution || 0),
+ }),
+ {
+ weight: 0,
+ area: 0,
+ steelScreen: 0,
+ caulking: 0,
+ rail: 0,
+ bottom: 0,
+ boxReinforce: 0,
+ shaft: 0,
+ painting: 0,
+ motor: 0,
+ controller: 0,
+ widthConstruction: 0,
+ heightConstruction: 0,
+ unitPrice: 0,
+ expense: 0,
+ quantity: 0,
+ cost: 0,
+ costExecution: 0,
+ marginCost: 0,
+ marginCostExecution: 0,
+ expenseExecution: 0,
+ }
+ );
+ }, [formData.estimateDetailItems]);
+
+ // 네비게이션 핸들러
+ const handleBack = useCallback(() => {
+ router.push('/ko/juil/project/bidding');
+ }, [router]);
+
+ const handleEdit = useCallback(() => {
+ router.push(`/ko/juil/project/bidding/${biddingId}/edit`);
+ }, [router, biddingId]);
+
+ const handleCancel = useCallback(() => {
+ router.push(`/ko/juil/project/bidding/${biddingId}`);
+ }, [router, biddingId]);
+
+ // 저장 핸들러
+ const handleSave = useCallback(() => {
+ setShowSaveDialog(true);
+ }, []);
+
+ const handleConfirmSave = useCallback(async () => {
+ setIsLoading(true);
+ try {
+ const result = await updateBidding(biddingId, formData);
+ if (result.success) {
+ toast.success('수정이 완료되었습니다.');
+ setShowSaveDialog(false);
+ router.push(`/ko/juil/project/bidding/${biddingId}`);
+ router.refresh();
+ } else {
+ toast.error(result.error || '저장에 실패했습니다.');
+ }
+ } catch (error) {
+ toast.error(error instanceof Error ? error.message : '저장에 실패했습니다.');
+ } finally {
+ setIsLoading(false);
+ }
+ }, [router, biddingId, formData]);
+
+ // 필드 변경 핸들러
+ const handleFieldChange = useCallback(
+ (field: keyof BiddingDetailFormData, value: string | number) => {
+ setFormData((prev) => ({
+ ...prev,
+ [field]: value,
+ }));
+ },
+ []
+ );
+
+ // 헤더 액션 버튼
+ const headerActions = isViewMode ? (
+
+
{renderDocument()}
diff --git a/src/components/business/juil/bidding/BiddingDetailForm.tsx b/src/components/business/juil/bidding/BiddingDetailForm.tsx
new file mode 100644
index 00000000..50215e66
--- /dev/null
+++ b/src/components/business/juil/bidding/BiddingDetailForm.tsx
@@ -0,0 +1,605 @@
+'use client';
+
+import { useState, useCallback, useMemo } from 'react';
+import { useRouter } from 'next/navigation';
+import { Loader2 } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from '@/components/ui/select';
+import {
+ AlertDialog,
+ AlertDialogAction,
+ AlertDialogCancel,
+ AlertDialogContent,
+ AlertDialogDescription,
+ AlertDialogFooter,
+ AlertDialogHeader,
+ AlertDialogTitle,
+} from '@/components/ui/alert-dialog';
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from '@/components/ui/table';
+import { PageLayout } from '@/components/organisms/PageLayout';
+import { PageHeader } from '@/components/organisms/PageHeader';
+import { toast } from 'sonner';
+import type { BiddingDetail, BiddingDetailFormData } from './types';
+import {
+ BIDDING_STATUS_OPTIONS,
+ BIDDING_STATUS_STYLES,
+ BIDDING_STATUS_LABELS,
+ VAT_TYPE_OPTIONS,
+ getEmptyBiddingDetailFormData,
+ biddingDetailToFormData,
+} from './types';
+import { updateBidding } from './actions';
+
+// 금액 포맷팅
+function formatAmount(amount: number): string {
+ return new Intl.NumberFormat('ko-KR').format(amount);
+}
+
+interface BiddingDetailFormProps {
+ mode: 'view' | 'edit';
+ biddingId: string;
+ initialData?: BiddingDetail;
+}
+
+export default function BiddingDetailForm({
+ mode,
+ biddingId,
+ initialData,
+}: BiddingDetailFormProps) {
+ const router = useRouter();
+ const isViewMode = mode === 'view';
+ const _isEditMode = mode === 'edit';
+
+ // 폼 데이터
+ const [formData, setFormData] = useState
+
+
+
+ ) : (
+
+
+
+
+ );
+
+ return (
+
+ {/* 입찰 정보 섹션 */}
+
+
+ 입찰 정보
+
+
+
+ {/* 입찰번호 */}
+
+
+ {/* 비고 */}
+
+
+
+
+
+ {/* 입찰자 */}
+
+
+
+
+
+ {/* 거래처명 */}
+
+
+
+
+
+ {/* 현장명 */}
+
+
+
+
+
+ {/* 입찰일자 */}
+
+
+ {isViewMode ? (
+
+ ) : (
+ handleFieldChange('biddingDate', e.target.value)}
+ />
+ )}
+
+
+ {/* 개소 */}
+
+
+
+
+
+ {/* 공사기간 */}
+
+
+
+
+ {/* 부가세 */}
+
+ {isViewMode ? (
+
+ ) : (
+ <>
+
+ handleFieldChange('constructionStartDate', e.target.value)
+ }
+ className="flex-1"
+ />
+ ~
+
+ handleFieldChange('constructionEndDate', e.target.value)
+ }
+ className="flex-1"
+ />
+
+ )}
+
+
+
+ {isViewMode ? (
+ opt.value === formData.vatType)?.label ||
+ formData.vatType
+ }
+ disabled
+ className="bg-muted"
+ />
+ ) : (
+
+ )}
+
+
+ {/* 입찰금액 */}
+
+
+
+
+
+ {/* 상태 */}
+
+
+ {isViewMode ? (
+
+
+ {/* 투찰일 */}
+
+ {BIDDING_STATUS_LABELS[formData.status]}
+
+ ) : (
+
+ )}
+
+
+ {isViewMode ? (
+
+ ) : (
+ handleFieldChange('submissionDate', e.target.value)}
+ />
+ )}
+
+
+ {/* 확정일 */}
+
+
+ {isViewMode ? (
+
+ ) : (
+ handleFieldChange('confirmDate', e.target.value)}
+ />
+ )}
+
+
+
+ {isViewMode ? (
+
+ ) : (
+