# Rx-Usage 주문량 상세 (도매상별) 툴팁 기능

## 구현일: 2026-06-19

## 배경
- `/admin/rx-usage` 페이지에서 주문량이 합계로만 표시됨
- 사용자가 어떤 도매상에 얼마나 주문했는지 확인 필요

## 구현 내용

### 1. 데이터 구조 변경 (`loadOrderData` 함수)

**기존:**
```javascript
orderDataByKd[kd] = {
    product_name, spec, boxes, units,
    sources: ['지오영', '수인']  // 이름만 저장
};
```

**변경:**
```javascript
orderDataByKd[kd] = {
    product_name, spec, boxes, units,
    details: [
        { vendor: 'geoyoung', name: '지오영', boxes: 10, units: 100 },
        { vendor: 'sooin', name: '수인', boxes: 5, units: 50 }
    ]
};
```

### 2. 툴팁 CSS 추가

```css
.order-qty-cell { position: relative; cursor: pointer; }
.order-qty-tooltip { /* 툴팁 스타일 */ }
.order-qty-vendor-dot.geoyoung { background: #06b6d4; }
.order-qty-vendor-dot.sooin { background: #a855f7; }
.order-qty-vendor-dot.baekje { background: #f59e0b; }
.order-qty-vendor-dot.dongwon { background: #22c55e; }
```

### 3. `getOrderedQty()` 함수 수정

- 단일 도매상: 단순 숫자 표시
- 복수 도매상: hover 시 도매상별 상세 툴팁 표시

## 수정 파일
- `backend/templates/admin_rx_usage.html`

## 동작
1. 주문량 셀에 마우스 hover
2. 2개 이상 도매상에서 주문한 경우 툴팁 표시
3. 각 도매상별 수량과 합계 표시

## 확장 포인트
- `vendorConfig` 객체에 새 도매상 추가 시 자동 지원
- 도매상별 색상은 CSS의 `.order-qty-vendor-dot` 클래스로 관리

## 테스트
- URL: http://localhost:7001/admin/rx-usage
- 기간 조회 후 "주문량" 컬럼 확인
- 여러 도매상 주문이 있는 품목에서 hover 시 툴팁 확인