kjs
/
ERP-node
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

3D 야드 자재 개수 표시 버그 수정 및 빈 Location 표시 추가

This commit is contained in:
dohyeons 2025-12-10 15:41:43 +09:00
parent e6b8212d39
commit 90db4756e8
1 changed files with 29 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/components/admin/dashboard/widgets/yard-3d/Yard3DCanvas.tsx
View File

@ -526,7 +526,8 @@ function MaterialBox({
case "location-temp": case "location-temp":
case "location-dest": case "location-dest":
// 베드 타입 Location: 회색 철판들이 데이터 개수만큼 쌓이는 형태 // 베드 타입 Location: 회색 철판들이 데이터 개수만큼 쌓이는 형태
const locPlateCount = placement.material_count || placement.quantity || 5; // 데이터 개수 // 자재가 없으면 0, 있으면 해당 개수 표시 (기본값 5 제거)
const locPlateCount = placement.material_count ?? placement.quantity ?? 0;
const locVisiblePlateCount = locPlateCount; // 데이터 개수만큼 모두 렌더링 const locVisiblePlateCount = locPlateCount; // 데이터 개수만큼 모두 렌더링
const locPlateThickness = 0.15; // 각 철판 두께 const locPlateThickness = 0.15; // 각 철판 두께
const locPlateGap = 0.03; // 철판 사이 미세한 간격 const locPlateGap = 0.03; // 철판 사이 미세한 간격
@ -538,8 +539,32 @@ function MaterialBox({
return ( return (
<> <>
{/* 철판 스택 - 데이터 개수만큼 회색 판 쌓기 (최대 20개) */} {/* 자재가 없을 때: 흰색 실선 테두리 바닥판 */}
{Array.from({ length: locVisiblePlateCount }).map((_, idx) => { {locPlateCount === 0 && (
<>
{/* 얇은 흰색 바닥판 */}
<Box
args={[boxWidth, 0.05, boxDepth]}
position={[0, locYOffset + 0.025, 0]}
>
<meshStandardMaterial
color="#f5f5f5"
roughness={0.6}
metalness={0.1}
emissive={isSelected ? "#e5e5e5" : "#000000"}
emissiveIntensity={isSelected ? glowIntensity * 0.2 : 0}
/>
</Box>
{/* 흰색 실선 테두리 */}
<lineSegments position={[0, locYOffset + 0.06, 0]}>
<edgesGeometry args={[new THREE.BoxGeometry(boxWidth, 0.05, boxDepth)]} />
<lineBasicMaterial color="#9ca3af" linewidth={2} />
</lineSegments>
</>
)}
{/* 철판 스택 - 데이터 개수만큼 회색 판 쌓기 */}
{locPlateCount > 0 && Array.from({ length: locVisiblePlateCount }).map((_, idx) => {
const yPos = locPlateBaseY + idx * (locPlateThickness + locPlateGap); const yPos = locPlateBaseY + idx * (locPlateThickness + locPlateGap);
// 약간의 랜덤 오프셋으로 자연스러움 추가 // 약간의 랜덤 오프셋으로 자연스러움 추가
const xOffset = (Math.sin(idx * 0.5) * 0.02); const xOffset = (Math.sin(idx * 0.5) * 0.02);
@ -570,7 +595,7 @@ function MaterialBox({
{/* Location 이름 - 실제 폴리곤 높이 기준, 뒤쪽(+Z)에 배치 */} {/* Location 이름 - 실제 폴리곤 높이 기준, 뒤쪽(+Z)에 배치 */}
{placement.name && ( {placement.name && (
<Text <Text
position={[0, locYOffset + locVisibleStackHeight + 0.3, boxDepth * 0.3]} position={[0, locYOffset + (locPlateCount > 0 ? locVisibleStackHeight : 0.1) + 0.3, boxDepth * 0.3]}
rotation={[-Math.PI / 2, 0, 0]} rotation={[-Math.PI / 2, 0, 0]}
fontSize={Math.min(boxWidth, boxDepth) * 0.18} fontSize={Math.min(boxWidth, boxDepth) * 0.18}
color="#374151" color="#374151"