diff --git a/frontend/src/pages/NewMaterialsPage.css b/frontend/src/pages/NewMaterialsPage.css index 62cae89..7b04d18 100644 --- a/frontend/src/pages/NewMaterialsPage.css +++ b/frontend/src/pages/NewMaterialsPage.css @@ -507,6 +507,50 @@ font-weight: 600; } +/* SUPPORT 전용 헤더 - 9개 컬럼 */ +.detailed-grid-header.support-header { + grid-template-columns: 60px 90px 150px 80px 100px 200px 120px 200px 100px; + padding: 12px 0; + margin: 0 24px; + position: sticky; + top: 0; + z-index: 10; + background: #f9fafb; +} + +/* SUPPORT 전용 행 - 9개 컬럼 */ +.detailed-material-row.support-row { + grid-template-columns: 60px 90px 150px 80px 100px 200px 120px 200px 100px; + padding: 8px 0; + margin: 0 24px; +} + +/* SUPPORT 헤더 테두리 */ +.detailed-grid-header.support-header > div, +.detailed-grid-header.support-header .filterable-header { + border-right: 1px solid #d1d5db; +} +.detailed-grid-header.support-header > div:last-child, +.detailed-grid-header.support-header .filterable-header:last-child { + border-right: none; +} + +/* SUPPORT 행 테두리 */ +.detailed-material-row.support-row .material-cell { + border-right: 1px solid #e5e7eb; +} +.detailed-material-row.support-row .material-cell:last-child { + border-right: none; +} + +/* SUPPORT 타입 배지 */ +.type-badge.support { + background: #0891b2; + color: white; + border: 2px solid #0e7490; + font-weight: 600; +} + .detailed-material-row.special-row .material-cell:last-child { border-right: none; } diff --git a/frontend/src/pages/NewMaterialsPage.jsx b/frontend/src/pages/NewMaterialsPage.jsx index c560002..d9e4e51 100644 --- a/frontend/src/pages/NewMaterialsPage.jsx +++ b/frontend/src/pages/NewMaterialsPage.jsx @@ -1314,6 +1314,18 @@ const NewMaterialsPage = ({
사용자요구
수량 + ) : selectedCategory === 'SUPPORT' ? ( +
+
선택
+ 종류 + 타입 + 크기 +
스케줄
+
재질
+
추가요구
+
사용자요구
+ 수량 +
) : selectedCategory === 'UNKNOWN' ? (
선택
@@ -1997,9 +2009,76 @@ const NewMaterialsPage = ({
); } + + if (material.classified_category === 'SUPPORT') { + // SUPPORT 카테고리 (9개 컬럼) + return ( +
+ {/* 선택 */} +
+ toggleMaterialSelection(material.id)} + /> +
+ + {/* 종류 */} +
+ + SUPPORT + +
+ + {/* 타입 */} +
+ {info.subtype || material.original_description} +
+ + {/* 크기 */} +
+ {info.size || material.main_nom} +
+ + {/* 스케줄 */} +
+ {info.schedule || '-'} +
+ + {/* 재질 */} +
+ {info.grade || material.full_material_grade || '-'} +
+ + {/* 추가요구 */} +
+ {info.additionalReq || '-'} +
+ + {/* 사용자요구 */} +
+ handleUserRequirementChange(material.id, e.target.value)} + /> +
+ + {/* 수량 */} +
+ {info.quantity || material.quantity || 1} {info.unit || 'EA'} +
+
+ ); + } // 위에서 처리되지 않은 모든 자재는 기본 9개 컬럼으로 렌더링 - // (예: SUPPORT 등 아직 전용 뷰가 없는 자재) + // (예: 아직 전용 뷰가 없는 자재) return (