| 123456789101112131415161718192021222324252627282930 |
- # 인플루언서 벤더사 검색 및 승인요청 UI/로직 구현
- **Task ID:** T-017
- **Status:** BACKLOG
- **Importance:** MUST
- **Complexity:** 6/10
- **Urgency:** 8/10
- **Dependencies:** T-016
- ## Description
- # 설명
- - pages/view/vendor/index.vue 또는 기존 그리드 페이지를 활용해 벤더사 목록 조회 및 승인요청 기능 구현
- ## 구현 단계
- 1. pages/view/vendor/index.vue 컴포넌트 생성/수정: 공통 그리드 컴포넌트 활용
- 2. Axios GET /api/vendors API 연동해 벤더사 목록 불러오기
- 3. 그리드 마지막 컬럼에 요청 상태(대기, 승인 완료) 표시 및 승인요청 버튼 배치
- 4. 승인요청 버튼 클릭 이벤트: axios.post('/api/approval/request',{vendorId}) 호출 후 버튼 비활성화
- 5. 요청 완료 또는 실패 시 toast/confirmDialog 컴포넌트로 피드백 제공
- 6. 응답에 따라 그리드 데이터 갱신
- ## 테스트 전략
- - 단위 테스트: 컴포넌트 렌더링, 버튼 상태 변경, API 호출 모킹
- - E2E 테스트: 실제 API 응답 시나리오(성공/오류) 시 그리드 업데이트 및 토스트 표시 확인
- ---
- **Created:** 2025-07-22T01:48:43.838Z
- **Updated:** 2025-07-22T01:48:43.838Z
|
