feat: 목록 관리 및 보고서 페이지 개선

- 목록 관리 페이지에 고급 필터링 시스템 추가
  - 프로젝트별, 검토상태별, 날짜별 필터링
  - 검토 완료/필요 항목 시각적 구분 및 정렬
  - 해결 시간 입력 + 확인 버튼으로 검토 완료 처리

- 부적합 조회 페이지에 동일한 필터링 기능 적용
  - 검토 상태에 따른 카드 스타일링 (음영 처리)
  - JavaScript 템플릿 리터럴 오류 수정

- 보고서 페이지 프로젝트별 분석 기능 추가
  - 프로젝트 선택 드롭다운 추가
  - 총 작업 공수를 프로젝트별 일일공수 데이터로 계산
  - 부적합 처리 시간, 카테고리 분석, 상세 목록 모두 프로젝트별 필터링
  - localStorage 키 이름 통일 (daily-work-data)
This commit is contained in:
hyungi
2025-10-24 10:13:32 +09:00
parent 44e2fb2e44
commit b024a178d0
25 changed files with 3498 additions and 307 deletions

View File

@@ -4,10 +4,12 @@
## 🚀 빠른 시작
1. 웹 서버 실행:
### Docker를 사용한 실행 (권장)
1. Docker 컨테이너 실행:
```bash
cd M-Project
python3 -m http.server 16080
docker-compose up -d
```
2. 브라우저에서 접속:
@@ -16,26 +18,43 @@ http://localhost:16080
```
3. 로그인:
- **관리자**: `hyungi` / `djg3-jj34-X3Q3`
- 검사자1: `inspector1` / `pass123`
- 검사자2: `inspector2` / `pass456`
- 관리자: `admin` / `admin123`
### 간단한 웹 서버 실행 (개발용)
```bash
cd M-Project
python3 -m http.server 16080
```
## 📱 주요 기능
### 1. 부적합 등록 (모바일 최적화)
- 사진 촬영 또는 업로드
- 위치, 카테고리, 설명 입력
- 긴급도 선택 (낮음/보통/높음)
### 1. 프로젝트 관리 (신규 추가 ✨)
- **Job No.** 기반 프로젝트 생성
- 관리자 전용 프로젝트 생성 배너
- 프로젝트 목록 조회 및 관리
### 2. 목록 관리
### 2. 부적합 등록 (모바일 최적화)
- 사진 촬영 또는 업로드 (최대 2장)
- 카테고리별 분류 (자재누락, 설계미스, 입고자재 불량, 검사미스)
- 상세 설명 입력
### 3. 목록 관리
- 등록된 부적합 사항 조회
- 작업 시간 입력
- 상태 변경 (신규→진행중→완료)
- 추가 메모 작성
### 3. 보고서
### 4. 일일 공수 관리
- 작업자 수 및 정규/야근 시간 입력
- 날짜별 공수 추적
- 자동 계산 기능
### 5. 보고서
- 작업 기간 및 총 공수 자동 계산
- 긴급도별 통계
- 카테고리별 통계
- 부적합 사항 상세 내역
- 인쇄 가능한 형식
@@ -50,10 +69,13 @@ M-Project/
## 🛠️ 기술 스택
- **Backend**: FastAPI (Python), SQLAlchemy, PostgreSQL
- **Frontend**: HTML5, Tailwind CSS, JavaScript (Vanilla)
- **Storage**: LocalStorage (브라우저 로컬 저장)
- **Database**: PostgreSQL 15
- **Container**: Docker & Docker Compose
- **Web Server**: Nginx
- **Authentication**: JWT (JSON Web Token)
- **Icons**: Font Awesome
- **Charts**: Chart.js
## 📋 데이터 구조
@@ -79,16 +101,23 @@ M-Project/
## ⚡ 특징
- **모바일 우선**: 현장에서 스마트폰으로 쉽게 입력
- **오프라인 작동**: 인터넷 연결 없이도 사용 가능
- **간단한 설치**: 별도의 서버나 데이터베이스 불필요
- **즉시 사용**: 웹 서버만 실행하면 바로 사용
- **실시간 데이터**: PostgreSQL 데이터베이스로 실시간 동기화
- **권한 관리**: 관리자/일반 사용자 역할 기반 접근 제어
- **Docker 기반**: 간편한 배포 및 확장성
- **RESTful API**: 표준 API 설계로 확장 가능
## 🔒 보안 주의사항
## 🔒 보안 기능
현재 버전은 프로토타입으로:
- 사용자 인증이 간단함 (하드코딩된 계정)
- 데이터가 브라우저에만 저장됨
- 실제 운영 환경에서는 백엔드 서버 구축 필요
- **JWT 인증**: 토큰 기반 보안 인증 시스템
- **비밀번호 암호화**: bcrypt 해시를 사용한 안전한 비밀번호 저장
- **권한 기반 접근**: 역할별 API 접근 제어
- **SQL 인젝션 방지**: SQLAlchemy ORM 사용
## 📚 문서
- **[DATABASE_SCHEMA.md](DATABASE_SCHEMA.md)**: 데이터베이스 스키마 상세 문서
- **[API_DOCUMENTATION.md](API_DOCUMENTATION.md)**: API 엔드포인트 문서
- **[PROJECT_OVERVIEW.md](PROJECT_OVERVIEW.md)**: 프로젝트 전체 구조 및 가이드
## 📝 라이선스
@@ -96,4 +125,5 @@ M-Project/
---
작성일: 2025-09-17
**최종 업데이트**: 2024-10-24
**버전**: 1.0.0 (프로젝트 관리 기능 추가)