| 12345678910111213141516171819202122232425262728 |
- # 인플루언서 제품관리 UI에 송장번호 등록 진입점 추가
- **Task ID:** T-031
- **Status:** BACKLOG
- **Importance:** MUST
- **Complexity:** 5/10
- **Urgency:** 8/10
- **Dependencies:** None
- ## Description
- ## 설명
- - `/view/common/item` 컴포넌트에서 각 제품 하단에 '송장번호 등록' 버튼 추가
- - 버튼 클릭 시 해당 제품 정보와 함께 `/view/common/deli/detail` 페이지로 이동
- ## 구현 상세
- 1. ItemList 컴포넌트에 Vuetify 버튼 디자인 적용하여 하단에 버튼 추가
- 2. 버튼 클릭 핸들러에 Vue Router `push` 사용, query나 params로 제품 ID 및 인플루언서 정보 전달
- 3. CSS 클래스 및 Vuetify 속성으로 기존 레이아웃과 일치시켜 접근성(aria-label) 속성 부여
- 4. 버튼 활성/비활성 로직: 재고 없거나 권한 없을 시 disabled 처리
- ## 테스트 전략
- - 버튼 렌더링 확인: 제품 목록마다 버튼 표시 여부 테스트
- - 클릭 시 라우터 이동 확인 및 전달된 제품 정보 검증
- - 접근성 검사 도구로 aria-label, keyboard focus 확인
- ---
- **Created:** 2025-07-25T01:48:03.045Z
- **Updated:** 2025-07-25T01:48:03.045Z
|
