Duplicate

화면정의: 쿠폰 관리 (마스터)

경로

쿠폰 관리

화면 내 구성 요소 정의

화면 타이틀

쿠폰 관리
요약
발급된 쿠폰을 확인하고, 쿠폰의 발행 상태를 변경할 수 있습니다. (발행: 쿠폰의 생성, 발급: 쿠폰이 사용자에게 귀속)
상세
발행된 쿠폰은 삭제할 수 없으며, 발행 종료만 가능합니다.
발행된 쿠폰은 발급 이력이 있는 경우 삭제가 불가능 합니다.(현재 삭제 개념이 없고 상태 값을 Closed 처리하는 로직만 있다. 추가로 발급 이력이 있어도 상태를 Closed로 변경할 수 있다 . by 진도 @2/10/2023 )

조회 영역 ( 현재 쿠폰은 전체 조회 기능만 있고 조건을 이용한 검색이 불가능하다. by 진도 @2/10/2023 )

쿠폰명
항목
컴포넌트 타입
기본값
placeholder
설명
쿠폰명
input box
미입력 상태
-
쿠폰명 입력 후 검색 시 해당 쿠폰명이 포함된 쿠폰 검색 결과 목록 제공 (고객노출 or 내부관리용 모두 대상으로 조회)
쿠폰 상태 : 하기 유형 선택 후 검색 시 선택된 쿠폰 발급 상태에 해당하는 결과 목록 제공
항목
컴포넌트 타입
기본값
설명
전체, 발급대기, 발급중, 수량초과, 발급종료
dropdown
전체
- 발급대기: 쿠폰 발급일자 이전 상태 - 발급중: 최대 발급수량이 남아있고 AND 쿠폰 발급중(발급시작일~만료일) - 수량 초과: 최대 발급수량 초과 - 발급종료: 쿠폰 발급 만료일 초과
노출 상태 : 하기 유형 선택 후 검색 시 선택된 쿠폰 발급 상태에 해당하는 결과 목록 제공
항목
컴포넌트 타입
기본값
설명
전체, 노출, 미노출
dropdown
전체
- 전체: 전체 상태 - 노출: 노출로 설정된 상태 - 미노출: 미노출로 설정된 상태
조회 기간
기준일 = 오늘
조회 기간 선택 시 해당 선택 기간이 조회 기간 입력 필드에 반영(쿠폰 등록일 기준)
구분
컴포넌트 타입
항목
기본값
조회 기간 선택
segmented control
오늘, 1주일(기본값), 1개월, 3개월, 6개월, 1년
1개월
조회 기간 입력
date picker
시작일 / 종료일 입력
오늘 날짜 입력 상태 (yyyy,mm,dd)
조회 버튼
선택 시 설정한 조건에 맞는 결과 있는 경우: 해당 주문 정보를 목록에 호출
선택 시 설정한 조건에 맞는 결과 없는 경우: 검색 결과 목록의 데이터 표기 영역에 메시지 제공
메시지: 데이터가 없습니다.
초기화 버튼
선택 시 ‘조회 기간’ 및 ‘상세 조건’ 설정값 초기화

조회 결과 목록

검색 조건에 따른 검색 결과 제공
타이틀 : 목록 (총 N개)
검색 조건에 따른 검색 결과 해당 개수 표기
정렬 기준 및 보기 개수 설정
정렬 기준 설정 dropdown
구분
컴포넌트 타입
기본값
설명
정렬 기준 선택
dropdown
최근 등록순
항목: 등록일 오름차순, 등록일 내림차순, 수정일 오름차순, 수정일 내림차순
보기 개수 선택
dropdown
100개씩
1페이지당 보여줄 목록 개수 - 50개씩, 100개씩, 300개씩, 500개씩, 1000개씩
쿠폰 발급 현황 테이블 항목 정의 ( 쿠폰 등록 관련 API 스펙 참고 - 링크 )
구분
컬럼명
설명
노출 데이터 예시
비고
버튼
수정
쿠폰 등록(수정) 화면으로 이동하는 버튼
-
데이터
쿠폰명
내부관리용(고객노출) 입력값 노출
산책단 0원 테스트 쿠폰 (산책단 무료 쿠폰)
데이터
쿠폰 상태
쿠폰 발급 상태값 노출 (발급대기, 발급중, 수량초과, 발급종료)
발급중
데이터
쿠폰 유형
쿠폰유형 노출
다운로드 쿠폰
데이터
할인 설정
할인 설정 입력값 노출
- 10,000 원 - 30%
데이터
발급기간
발급 시작일 ~ 종료일
2023/02/22 ~ 2023/03/31
데이터
유효기간
유효기간 설정값 노출
2023-03-31
데이터
재발급여부
재발급여부 입력값 노출
- 불가능 - 가능(5회)
데이터
중복적용여부
중복적용여부 입력값 노출
가능
데이터
쿠폰등록
쿠폰 등록일
2023/02/10
데이터
쿠폰발급건수
발급된 쿠폰 개수 노출 + 최대수량 표기 - 발급개수(최대수량: 3,000)
99(최대수량: 3,000)
데이터
쿠폰사용건수
결제시 사용된 쿠폰 개수 노출
99
버튼
쿠폰사용이력
쿠폰 사용이력을 조회할 수 있는 액션
-
[쿠폰 사용 이력] - (현재 사용 이력 API가 없음으로 추후 추가 - @진도_한구 @2/10/2023)
버튼 클릭시 팝업으로 해당 쿠폰 사용된 이력을 테이블 형태로 노출
timestamp, 상품id, 상품명, userid, 주문번호(링크)

푸터 영역

공통 UI 정의 참고
참고: 제공 정보 비교 및 제공 방향

참고

임시 UI ( 죄송 .. )