# 어음관리 (Bill Management) 구현

## 스크린샷 분석

### 리스트 화면
- 상단: 일괄등록 버튼, 날짜범위 선택, 상태 탭 (전체, 전일, 오늘, 미결, 수취, 우등록)
- 통계 카드: 4개 (건수 표시)
- 테이블 컬럼: No, 어음번호, 구분, 거래처, 금액, 만기일, 이유, 추수, 메모, 상태
- 필터: 거래처, 상태

### 상세/수정 화면
- 타이틀: "어음 상세"
- 버튼: view 모드 [목록, 삭제, 수정] / edit 모드 [취소, 저장]
- 기본 정보:
  - 어음번호 (Input)
  - 구분 (Select: 수취/발행)
  - 거래처 (Select)
  - 금액 (Input)
  - 발행일 (Date)
  - 만기일 (Date)
  - 상태 (Select - 구분에 따라 옵션 변경)
  - 비고 (Input)
- 차수 관리 섹션:
  - 테이블: 일자, 금액, 비고
  - [+ 추가] 버튼

### 타입 정의
- **구분**: 수취, 발행
- **상태 (수취)**: 보관중, 만기입금(7일전), 만기결과, 결제완료, 부도
- **상태 (발행)**: 보관중, 만기입금(7일전), 추심의뢰, 추심완료, 추소중, 부도

---

## 체크리스트

### Phase 1: 기본 구조
- [x] types.ts 생성 (타입, 상수 정의)
- [x] 폴더 구조 생성 (BillManagement/)

### Phase 2: 리스트 화면
- [x] index.tsx 생성 (리스트 컴포넌트)
- [x] 통계 카드 구현
- [x] 테이블 렌더링 구현
- [x] 필터 및 정렬 구현

### Phase 3: 상세/수정 화면
- [x] BillDetail.tsx 생성
- [x] 기본 정보 폼 구현
- [x] 차수 관리 섹션 구현
- [x] view/edit 모드 분기 처리

### Phase 4: 라우팅
- [x] page.tsx 파일 생성 (리스트, 상세, 등록)
- [x] 네비게이션 패턴 적용 (?mode=edit)

### Phase 5: 검증
- [x] 빌드 테스트 ✅
- [ ] 기능 확인 (사용자 확인 필요)

---

## 참고 패턴
- 입금관리 (DepositManagement) 구조 참고
- IntegratedListTemplateV2 사용
- PageLayout + PageHeader 패턴