feat: [결재] 결재함에서 검사성적서 템플릿 기반 렌더링 + 결재 상신 기능

- 결재함에서 work_order 연결 문서 클릭 시 InspectionReportModal(readOnly)로 표시
  - 기존 LinkedDocumentContent(key-value)가 아닌 템플릿 기반 검사성적서 형태로 표시
  - getDocumentApprovalById에서 document.linkable_type/linkable_id로 workOrderId 추출
  - field_value 컬럼명 매칭 수정 (d.value → d.field_value ?? d.value)
- InspectionReportModal에 결재 상신 버튼 추가 (DRAFT 상태에서만 표시)
- submitDocumentForApproval 서버 액션 추가
- LinkedDocumentContent 컴포넌트 신규 (일반 문서용 폴백)
- DocumentType에 'document' 타입 추가, LinkedDocumentData 인터페이스 신규

src/components/approval/ApprovalBox/index.tsx

@@ -19,6 +19,7 @@ import {
   rejectDocument,
   approveDocumentsBulk,
   rejectDocumentsBulk,
+  getDocumentApprovalById,
 } from './actions';
 import { getApprovalById } from '@/components/approval/DocumentCreate/actions';
 import { Button } from '@/components/ui/button';
@@ -58,6 +59,7 @@ import type {
   ProposalDocumentData,
   ExpenseReportDocumentData,
   ExpenseEstimateDocumentData,
+  LinkedDocumentData,
 } from '@/components/approval/DocumentDetail/types';
 import type {
   ApprovalTabType,
@@ -76,6 +78,7 @@ import {
 } from './types';
 import { isNextRedirectError } from '@/lib/utils/redirect-error';
 import { usePermission } from '@/hooks/usePermission';
+import { InspectionReportModal } from '@/components/production/WorkOrders/documents/InspectionReportModal';
 
 // ===== 통계 타입 =====
 interface InboxSummary {
@@ -111,9 +114,13 @@ export function ApprovalBox() {
   // ===== 문서 상세 모달 상태 =====
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [selectedDocument, setSelectedDocument] = useState<ApprovalRecord | null>(null);
-  const [modalData, setModalData] = useState<ProposalDocumentData | ExpenseReportDocumentData | ExpenseEstimateDocumentData | null>(null);
+  const [modalData, setModalData] = useState<ProposalDocumentData | ExpenseReportDocumentData | ExpenseEstimateDocumentData | LinkedDocumentData | null>(null);
   const [isModalLoading, setIsModalLoading] = useState(false);
 
+  // ===== 검사성적서 모달 상태 (work_order 연결 문서용) =====
+  const [isInspectionModalOpen, setIsInspectionModalOpen] = useState(false);
+  const [inspectionWorkOrderId, setInspectionWorkOrderId] = useState<string | null>(null);
+
   // API 데이터
   const [data, setData] = useState<ApprovalRecord[]>([]);
   const [totalCount, setTotalCount] = useState(0);
@@ -288,6 +295,27 @@ export function ApprovalBox() {
     setIsModalOpen(true);
 
     try {
+      // 문서 결재(document) 타입은 별도 API로 연결 문서 데이터 조회
+      if (item.approvalType === 'document') {
+        const result = await getDocumentApprovalById(parseInt(item.id));
+        if (result.success && result.data) {
+          // work_order 연결 문서 → InspectionReportModal로 열기
+          if (result.data.workOrderId) {
+            setIsModalOpen(false);
+            setIsModalLoading(false);
+            setInspectionWorkOrderId(String(result.data.workOrderId));
+            setIsInspectionModalOpen(true);
+            return;
+          }
+          setModalData(result.data as LinkedDocumentData);
+        } else {
+          toast.error(result.error || '문서 조회에 실패했습니다.');
+          setIsModalOpen(false);
+        }
+        return;
+      }
+
+      // 기존 결재 문서 타입 (품의서, 지출결의서, 지출예상내역서)
       const result = await getApprovalById(parseInt(item.id));
       if (result.success && result.data) {
         const formData = result.data;
@@ -439,6 +467,8 @@ export function ApprovalBox() {
         return 'expenseEstimate';
       case 'expense_report':
         return 'expenseReport';
+      case 'document':
+        return 'document';
       default:
         return 'proposal';
     }
@@ -796,6 +826,19 @@ export function ApprovalBox() {
               onReject={canApprove ? handleModalReject : undefined}
             />
           )}
+
+          {/* 검사성적서 모달 (work_order 연결 문서) */}
+          <InspectionReportModal
+            open={isInspectionModalOpen}
+            onOpenChange={(open) => {
+              setIsInspectionModalOpen(open);
+              if (!open) {
+                setInspectionWorkOrderId(null);
+              }
+            }}
+            workOrderId={inspectionWorkOrderId}
+            readOnly={true}
+          />
         </>
       ),
     }),
@@ -827,6 +870,8 @@ export function ApprovalBox() {
       handleModalApprove,
       handleModalReject,
       canApprove,
+      isInspectionModalOpen,
+      inspectionWorkOrderId,
     ]
   );