# [IMPL-2026-01-05] 단가관리 리스트 페이지 구현 체크리스트

## 개요
- **위치**: 발주관리 > 기준정보 > 단가관리
- **URL**: `/ko/juil/order/base-info/pricing`
- **참조 페이지**: `/ko/juil/order/order-management` (OrderManagementListClient)
- **패턴**: IntegratedListTemplateV2 + StatCards

## 스크린샷 분석

### UI 구성

#### 1. 헤더 영역
| 구성요소 | 내용 |
|---------|------|
| 타이틀 | 단가관리 |
| 설명 | 단가를 등록하고 관리합니다. |

#### 2. 달력 + 액션 버튼 영역
| 구성요소 | 내용 |
|---------|------|
| 날짜 선택 | DateRangeSelector (2025-09-01 ~ 2025-09-03) |
| 액션 버튼들 | 담당단가, 진행단가, 확정, 발행, 이력, 오류, **단가 등록** |

#### 3. StatCards (통계 카드)
| 카드 | 값 | 설명 |
|------|-----|------|
| 미완료 | 9 | 미완료 단가 |
| 확정 | 5 | 확정된 단가 |
| 발행 | 4 | 발행된 단가 |

#### 4. 필터 영역 (테이블 헤더)
| 필터 | 옵션 | 기본값 |
|------|------|--------|
| 품목유형 | 전체, 박스, 부속, 소모품, 공과 | 전체 |
| 카테고리 | 전기, (카테고리 목록) | - |
| 규격 | 전체, 진행, 미진행 | 전체 |
| 구분 | 전체, 금동량, 임의적용가, 미구분 | 전체 |
| 상세 | 전체, 사용, 유지, 미등록 | 전체 |
| 정렬 | 최신순, 등록순 | 최신순 |

#### 5. 테이블 컬럼
| 컬럼 | 설명 |
|------|------|
| 체크박스 | 행 선택 |
| 단가번호 | 단가 고유번호 |
| 품목유형 | 박스/부속/소모품/공과 |
| 카테고리 | 품목 카테고리 |
| 품목 | 품목명 |
| 금액량 | 수량 정보 |
| 정량 | 정량 정보 |
| 단가 | 단가 금액 |
| 구매처 | 구매처 정보 |
| 예상단가 | 예상 단가 |
| 이전단가 | 이전 단가 |
| 판매단가 | 판매 단가 |
| 실적 | 실적 정보 |

## 구현 체크리스트

### Phase 1: 파일 구조 생성
- [x] `src/app/[locale]/(protected)/juil/order/base-info/pricing/page.tsx` 생성
- [x] `src/components/business/juil/pricing-management/` 디렉토리 생성

### Phase 2: 타입 및 상수 정의
- [x] `types.ts` - Pricing 타입, 필터 옵션, 상태 스타일
  - Pricing 인터페이스
  - PricingStats 인터페이스
  - 품목유형 옵션 (ITEM_TYPE_OPTIONS)
  - 규격 옵션 (SPEC_OPTIONS)
  - 구분 옵션 (DIVISION_OPTIONS)
  - 상세 옵션 (DETAIL_OPTIONS)
  - 정렬 옵션 (SORT_OPTIONS)
  - 상태 스타일 (PRICING_STATUS_STYLES)

### Phase 3: Server Actions (목데이터)
- [x] `actions.ts`
  - getPricingList() - 목록 조회
  - getPricingStats() - 통계 조회
  - deletePricing() - 단일 삭제
  - deletePricings() - 일괄 삭제

### Phase 4: 리스트 컴포넌트
- [x] `PricingListClient.tsx`
  - IntegratedListTemplateV2 사용
  - DateRangeSelector (날짜 범위 선택)
  - StatCards (미완료/확정/발행)
  - 필터 셀렉트 박스들 (품목유형, 규격, 구분, 상세, 정렬)
  - 액션 버튼들 (담당단가, 진행단가, 확정, 발행, 이력, 오류, 단가 등록)
  - 테이블 렌더링
  - 모바일 카드 렌더링
  - 삭제 다이얼로그

### Phase 5: 목데이터 설정
- [x] 7개 목데이터 설정 완료

### Phase 6: 테스트 URL 문서 업데이트
- [x] `claudedocs/[REF] juil-pages-test-urls.md` 업데이트

## 파일 구조

```
src/
├── app/[locale]/(protected)/juil/order/
│   └── base-info/
│       └── pricing/
│           └── page.tsx
└── components/business/juil/
    └── pricing-management/
        ├── index.ts
        ├── types.ts
        ├── actions.ts
        └── PricingListClient.tsx
```

## 진행 상태
- 생성일: 2026-01-05
- 상태: ✅ 완료 (목데이터 기반)
- 남은 작업: API 연동 시 실제 데이터 연결