hyungi/TK-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

워크플로우 시스템 구축 완료

Browse Source 
- 워크플로우 개요 페이지에 플로우차트 형태 추가 (3x2 그리드)
- 각 워크플로우 단계별 독립 HTML 페이지 생성 (1-4단계)
- 클릭 가능한 워크플로우 박스와 상세 페이지 연결
- DevonThink 스타일 적용 및 반응형 디자인
- 구매/물류팀 용어 통일 및 프레젠테이션 업데이트
This commit is contained in:
Hyungi Ahn
2025-09-15 19:17:42 +09:00
parent 5375842144
commit bd23e00232
10 changed files with 2445 additions and 638 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
demo/workflow-stage-4.html Normal file
View File

@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>4단계: 생산회의 - 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>🏢 4단계: 생산회의</h1>
<p class="page-description">프로젝트 진행 현황 통합 관리</p>
</div>
<div class="workflow-detail-container">
<div class="detail-section">
<h3>📊 생산회의 주요 기능</h3>
<div class="meeting-features">
<div class="feature-card">
<h4>공정표 표시 개선</h4>
<p>제작전, 제작중 모든 공정에 대한 현황을 한눈에 확인</p>
</div>
<div class="feature-card">
<h4>프로젝트 발주현황 확인</h4>
<p>관련 프로젝트의 발주 상태를 실시간으로 파악</p>
</div>
<div class="feature-card">
<h4>데일리체크 통합</h4>
<p>일일 작업 현황 및 이슈사항 종합 관리</p>
</div>
</div>
</div>
<div class="detail-section">
<h3>🎯 회의 목적</h3>
<ul class="purpose-list">
<li>전체 프로젝트 진행 상황 점검</li>
<li>부서간 협업 이슈 해결</li>
<li>일정 지연 요소 사전 파악</li>
<li>자재 수급 현황 확인</li>
<li>품질 이슈 공유 및 대응</li>
</ul>
</div>
<div class="detail-section">
<h3>📋 회의 구성 요소</h3>
<div class="meeting-components">
<div class="component-item">
<h4>📈 공정 진행률</h4>
<p>각 프로젝트별 공정 완료 현황</p>
</div>
<div class="component-item">
<h4>📦 자재 현황</h4>
<p>입고 예정, 검수 완료, 불출 대기 자재 현황</p>
</div>
<div class="component-item">
<h4>⚠️ 이슈 사항</h4>
<p>데일리체크에서 올라온 문제점 및 해결 방안</p>
</div>
<div class="component-item">
<h4>📅 일정 조정</h4>
<p>지연 요소에 따른 일정 재조정</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>