feat(WEB): 중간검사 성적서 편집 모드 및 저장 기능 추가

- 3개 검사 콘텐츠 컴포넌트에 forwardRef + useImperativeHandle 추가 (getInspectionData 노출)
- InspectionReportModal에 readOnly prop, 저장 버튼, ref 연결 추가
- saveInspectionData 서버 액션 추가 (POST /api/v1/work-orders/{id}/inspection)
- 작업자 화면에서 readOnly={false} 전달 (편집+저장 가능)
- 작업지시 관리에서는 readOnly 기본값(true)으로 읽기 전용 유지

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
유병철
2026-01-30 09:32:04 +09:00
parent 3fc63d0b3e
commit 8a5cbde5ef
8 changed files with 181 additions and 357 deletions

View File

@@ -14,9 +14,13 @@
* - 부적합 내용 / 종합판정(자동)
*/
import { useState, useCallback, useMemo } from 'react';
import { useState, useCallback, useMemo, forwardRef, useImperativeHandle } from 'react';
import type { WorkOrder } from '../types';
export interface InspectionContentRef {
getInspectionData: () => unknown;
}
interface BendingInspectionContentProps {
data: WorkOrder;
readOnly?: boolean;
@@ -98,7 +102,7 @@ const INITIAL_PRODUCTS: Omit<ProductRow, 'bendingStatus' | 'lengthMeasured' | 'w
},
];
export function BendingInspectionContent({ data: order, readOnly = false }: BendingInspectionContentProps) {
export const BendingInspectionContent = forwardRef<InspectionContentRef, BendingInspectionContentProps>(function BendingInspectionContent({ data: order, readOnly = false }, ref) {
const fullDate = new Date().toLocaleDateString('ko-KR', {
year: 'numeric',
month: 'long',
@@ -166,6 +170,27 @@ export function BendingInspectionContent({ data: order, readOnly = false }: Bend
return null;
}, [products, getProductJudgment]);
useImperativeHandle(ref, () => ({
getInspectionData: () => ({
products: products.map(p => ({
id: p.id,
category: p.category,
productName: p.productName,
productType: p.productType,
bendingStatus: p.bendingStatus,
lengthMeasured: p.lengthMeasured,
widthMeasured: p.widthMeasured,
gapPoints: p.gapPoints.map(gp => ({
point: gp.point,
designValue: gp.designValue,
measured: gp.measured,
})),
})),
inadequateContent,
overallResult,
}),
}), [products, inadequateContent, overallResult]);
const inputClass = 'w-full text-center border-0 bg-transparent focus:outline-none focus:ring-1 focus:ring-blue-500 rounded text-xs';
// 전체 행 수 계산 (간격 포인트 수 합계)
@@ -478,4 +503,4 @@ export function BendingInspectionContent({ data: order, readOnly = false }: Bend
</table>
</div>
);
}
});