From 33eaacd0be0977b261ecb56a291c4a583bb42993 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?=
 <lightone2017@codebridge-x.com>
Date: Sun, 22 Mar 2026 11:24:10 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20[=EC=9E=AC=EA=B3=A0=EC=83=9D=EC=82=B0]?=
 =?UTF-8?q?=20=EC=83=81=EC=84=B8=20=EA=B8=B0=EB=B3=B8=EC=A0=95=EB=B3=B4=20?=
 =?UTF-8?q?4=EC=97=B4=20=EA=B5=AC=EC=A1=B0=20+=20=EC=A7=84=ED=96=89?=
 =?UTF-8?q?=EC=83=81=ED=83=9C=20=ED=91=9C=EC=8B=9C=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../stocks/StockProductionDetail.tsx          | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/stocks/StockProductionDetail.tsx b/src/components/stocks/StockProductionDetail.tsx
index a07dfc96..0e064d88 100644
--- a/src/components/stocks/StockProductionDetail.tsx
+++ b/src/components/stocks/StockProductionDetail.tsx
@@ -136,7 +136,7 @@ export function StockProductionDetail({ orderId }: StockProductionDetailProps) {
         <div className="space-y-6">
           {/* 기본 정보 */}
           <FormSection title="기본 정보" icon={ClipboardList}>
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+            <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
               <div className="space-y-2">
                 <Label>생산번호</Label>
                 <Input value={data.orderNo} disabled />
@@ -149,6 +149,26 @@ export function StockProductionDetail({ orderId }: StockProductionDetailProps) {
                 <Label>수량</Label>
                 <Input value={String(data.targetStockQty || data.quantity || '-')} disabled />
               </div>
+              <div className="space-y-2">
+                <Label>진행상태</Label>
+                {(() => {
+                  const statusConfig: Record<string, { label: string; className: string }> = {
+                    draft: { label: '등록', className: 'bg-gray-100 text-gray-700' },
+                    confirmed: { label: '확정', className: 'bg-blue-100 text-blue-700' },
+                    in_progress: { label: '생산지시완료', className: 'bg-indigo-100 text-indigo-700' },
+                    in_production: { label: '생산중', className: 'bg-green-100 text-green-700' },
+                    produced: { label: '생산완료', className: 'bg-teal-100 text-teal-700' },
+                    completed: { label: '완료', className: 'bg-gray-500 text-white' },
+                    cancelled: { label: '취소', className: 'bg-red-100 text-red-700' },
+                  };
+                  const s = statusConfig[data.status] || { label: data.status || '-', className: 'bg-gray-100 text-gray-600' };
+                  return (
+                    <div className={`inline-flex items-center px-3 py-2 rounded-md text-sm font-medium ${s.className}`}>
+                      {s.label}
+                    </div>
+                  );
+                })()}
+              </div>
             </div>
           </FormSection>