c6b605200d
신규 페이지: - 회계관리: 거래처, 예상비용, 청구서, 발주서 - 게시판: 공지사항, 자료실, 커뮤니티 - 고객센터: 문의/FAQ - 설정: 계정, 알림, 출퇴근, 팝업, 구독, 결제내역 - 리포트 (차트 시각화) - 개발자 테스트 URL 페이지 기능 개선: - HR 직원관리/휴가관리/카드관리 강화 - IntegratedListTemplateV2 확장 - AuthenticatedLayout 패딩 표준화 - 로그인 페이지 UI 개선 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1.9 KiB
1.9 KiB
어음관리 (Bill Management) 구현
스크린샷 분석
리스트 화면
- 상단: 일괄등록 버튼, 날짜범위 선택, 상태 탭 (전체, 전일, 오늘, 미결, 수취, 우등록)
- 통계 카드: 4개 (건수 표시)
- 테이블 컬럼: No, 어음번호, 구분, 거래처, 금액, 만기일, 이유, 추수, 메모, 상태
- 필터: 거래처, 상태
상세/수정 화면
- 타이틀: "어음 상세"
- 버튼: view 모드 [목록, 삭제, 수정] / edit 모드 [취소, 저장]
- 기본 정보:
- 어음번호 (Input)
- 구분 (Select: 수취/발행)
- 거래처 (Select)
- 금액 (Input)
- 발행일 (Date)
- 만기일 (Date)
- 상태 (Select - 구분에 따라 옵션 변경)
- 비고 (Input)
- 차수 관리 섹션:
- 테이블: 일자, 금액, 비고
- [+ 추가] 버튼
타입 정의
- 구분: 수취, 발행
- 상태 (수취): 보관중, 만기입금(7일전), 만기결과, 결제완료, 부도
- 상태 (발행): 보관중, 만기입금(7일전), 추심의뢰, 추심완료, 추소중, 부도
체크리스트
Phase 1: 기본 구조
- types.ts 생성 (타입, 상수 정의)
- 폴더 구조 생성 (BillManagement/)
Phase 2: 리스트 화면
- index.tsx 생성 (리스트 컴포넌트)
- 통계 카드 구현
- 테이블 렌더링 구현
- 필터 및 정렬 구현
Phase 3: 상세/수정 화면
- BillDetail.tsx 생성
- 기본 정보 폼 구현
- 차수 관리 섹션 구현
- view/edit 모드 분기 처리
Phase 4: 라우팅
- page.tsx 파일 생성 (리스트, 상세, 등록)
- 네비게이션 패턴 적용 (?mode=edit)
Phase 5: 검증
- 빌드 테스트 ✅
- 기능 확인 (사용자 확인 필요)
참고 패턴
- 입금관리 (DepositManagement) 구조 참고
- IntegratedListTemplateV2 사용
- PageLayout + PageHeader 패턴