bd23e00232
- 워크플로우 개요 페이지에 플로우차트 형태 추가 (3x2 그리드) - 각 워크플로우 단계별 독립 HTML 페이지 생성 (1-4단계) - 클릭 가능한 워크플로우 박스와 상세 페이지 연결 - DevonThink 스타일 적용 및 반응형 디자인 - 구매/물류팀 용어 통일 및 프레젠테이션 업데이트
74 lines
3.2 KiB
HTML
74 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>2단계: 프로젝트 진행 단계 - TK Project</title>
|
|
<link rel="stylesheet" href="styles/main.css">
|
|
<link rel="stylesheet" href="styles/devonthink.css">
|
|
</head>
|
|
<body>
|
|
<div class="workflow-detail-page">
|
|
<div class="page-header">
|
|
<a href="index.html#workflow-overview" class="btn-back">← 워크플로우로 돌아가기</a>
|
|
<h1>🔄 2단계: 프로젝트 진행 단계 (발주)</h1>
|
|
<p class="page-description">외주 및 자체제작 프로세스 관리</p>
|
|
</div>
|
|
|
|
<div class="workflow-detail-container">
|
|
<div class="detail-section">
|
|
<h3>🏢 외주의 경우</h3>
|
|
<div class="process-flow">
|
|
<div class="process-step">도면 업로드</div>
|
|
<div class="arrow">→</div>
|
|
<div class="process-step">견적진행</div>
|
|
<div class="arrow">→</div>
|
|
<div class="process-step">발주</div>
|
|
<div class="arrow">→</div>
|
|
<div class="process-step">관리페이지 (납기, 검사포인트 등)</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="detail-section">
|
|
<h3>🏭 자체제작의 경우</h3>
|
|
<div class="process-flow-vertical">
|
|
<div class="process-step">도면(BOM) 업로드</div>
|
|
<div class="arrow-down">↓</div>
|
|
<div class="process-step">분류</div>
|
|
<div class="arrow-down">↓</div>
|
|
<div class="process-step">구매신청</div>
|
|
<div class="arrow-down">↓</div>
|
|
<div class="process-step">견적/발주</div>
|
|
<div class="arrow-down">↓</div>
|
|
<div class="process-step">입고</div>
|
|
<div class="arrow-down">↓</div>
|
|
<div class="process-step">검수 및 보관</div>
|
|
<div class="arrow-down">↓</div>
|
|
<div class="process-step">검사</div>
|
|
<div class="arrow-down">↓</div>
|
|
<div class="process-step">불출</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="detail-section">
|
|
<h3>📝 중요 사항</h3>
|
|
<div class="important-notes">
|
|
<div class="note-item">
|
|
<h4>보관 단계</h4>
|
|
<p>입고 위치 정보 입력 필수</p>
|
|
</div>
|
|
<div class="note-item">
|
|
<h4>추가분 발생시</h4>
|
|
<p>리비전 로직으로 진행</p>
|
|
</div>
|
|
<div class="note-item">
|
|
<h4>긴급/가공건</h4>
|
|
<p>구두로 신청(근거는 남겨야됨) → 긴급 진행 → 사후 처리(발주 담당자)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|