bd23e00232
- 워크플로우 개요 페이지에 플로우차트 형태 추가 (3x2 그리드) - 각 워크플로우 단계별 독립 HTML 페이지 생성 (1-4단계) - 클릭 가능한 워크플로우 박스와 상세 페이지 연결 - DevonThink 스타일 적용 및 반응형 디자인 - 구매/물류팀 용어 통일 및 프레젠테이션 업데이트
73 lines
2.9 KiB
HTML
73 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>1단계: 준비 단계 - 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>🚀 1단계: 준비 단계</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">
|
|
<h4>수주에 따른 Job No. 부여</h4>
|
|
<p><strong>담당자:</strong> 영업 또는 PM</p>
|
|
</div>
|
|
<div class="process-step">
|
|
<h4>업무 내용</h4>
|
|
<ul>
|
|
<li>관련 정보 업로드 (관련 자료 + 담당자 정리본)</li>
|
|
<li>일정을 고려한 외주 & 자체제작 여부 확정</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="detail-section">
|
|
<h3>🏗️ 업무 분기 및 일정 수립</h3>
|
|
<p>등록된 정보와 확정된 일정을 토대로 각 부서별 업무 분기:</p>
|
|
|
|
<div class="department-grid">
|
|
<div class="department-card">
|
|
<h4>🏗️ 설계팀</h4>
|
|
<ul>
|
|
<li>도면 일정 수립</li>
|
|
</ul>
|
|
</div>
|
|
<div class="department-card">
|
|
<h4>🔍 품질팀</h4>
|
|
<ul>
|
|
<li>검사 포인트 확인 및 일정 수립</li>
|
|
<li>ITP 작성</li>
|
|
</ul>
|
|
</div>
|
|
<div class="department-card">
|
|
<h4>🛒 구매/물류팀</h4>
|
|
<ul>
|
|
<li>외주 제작 일정 시작과 끝 입력</li>
|
|
<li>항목별 소요 일수 산정 (필요시 견적 진행)</li>
|
|
</ul>
|
|
</div>
|
|
<div class="department-card">
|
|
<h4>🏭 생산팀</h4>
|
|
<ul>
|
|
<li>납기일 확인 후 제작일정 수립</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|