feat(WEB): 수주관리 Phase 2 타입 정의 확장 및 공정관리 개별 품목 표시 수정

- Order, OrderItem 인터페이스에 상세 페이지용 필드 추가
- OrderFormData, OrderItemFormData에 수정 페이지용 필드 추가
- 변환 함수에서 새 필드 매핑 처리
- 공정관리 개별 품목을 ID 대신 품목명으로 표시

src/components/process-management/ProcessDetail.tsx

@@ -178,39 +178,36 @@ export function ProcessDetail({ process }: ProcessDetailProps) {
             <CardTitle className="text-base flex items-center gap-2">
               <Package className="h-4 w-4" />
               개별 품목
+              {individualItems.length > 0 && individualItems[0].items && (
+                <Badge variant="secondary" className="ml-2">
+                  {individualItems[0].items.length}개
+                </Badge>
+              )}
             </CardTitle>
           </CardHeader>
           <CardContent className="pt-6">
-            {individualItems.length === 0 ? (
+            {individualItems.length === 0 || !individualItems[0].items?.length ? (
               <div className="text-center py-8 text-muted-foreground">
                 <Package className="h-10 w-10 mx-auto mb-3 opacity-30" />
                 <p className="text-sm">등록된 개별 품목이 없습니다</p>
               </div>
             ) : (
-              <div className="space-y-3">
-                {individualItems.map((rule) => (
-                  <div
-                    key={rule.id}
-                    className="flex items-center justify-between p-4 border rounded-lg"
-                  >
-                    <div className="flex items-center gap-4">
-                      <Badge variant={rule.isActive ? 'default' : 'secondary'}>
-                        {rule.isActive ? '활성' : '비활성'}
-                      </Badge>
-                      <div>
-                        <div className="font-medium">
-                          {rule.conditionValue}
-                        </div>
-                        {rule.description && (
-                          <div className="text-sm text-muted-foreground">
-                            {rule.description}
-                          </div>
-                        )}
+              <div className="max-h-80 overflow-y-auto">
+                <div className="space-y-2">
+                  {individualItems[0].items.map((item) => (
+                    <div
+                      key={item.id}
+                      className="flex items-center justify-between p-3 border rounded-lg bg-muted/30 hover:bg-muted/50 transition-colors"
+                    >
+                      <div className="flex items-center gap-3">
+                        <Badge variant="outline" className="font-mono text-xs">
+                          {item.code}
+                        </Badge>
+                        <span className="font-medium">{item.name}</span>
                       </div>
                     </div>
-                    <Badge variant="outline">우선순위: {rule.priority}</Badge>
-                  </div>
-                ))}
+                  ))}
+                </div>
               </div>
             )}
           </CardContent>