※ 마스터에서 등록하는 쿠폰은 브랜드/상품 대상으로 하는 프로모션용 쿠폰으로 한정
- 신규가입자 쿠폰, 재구매쿠폰 등 사용자의 가입여부, 행동여부 등의 조건이 필요한 경우는 별도로 세팅
경로
쿠폰 관리 > 쿠폰 발행 혹은 수정 버튼 클릭
화면 내 구성 요소 정의
화면 타이틀 영역
•
타이틀: 등록일 경우 ‘쿠폰 발행’, 수정일 경우 ‘쿠폰 수정’
•
필수 항목 안내 문구: *
화면 설명 영역
•
요약
◦
디어테일에서 사용할 쿠폰을 등록할 수 있는 메뉴입니다.
•
상세
◦
필요에 따라 쿠폰 유형 및 발급 조건을 설정하세요.
◦
발행된 쿠폰은 발급 이력이 있는 경우 삭제가 불가능 합니다. (현재 삭제 개념이 없고 상태 값을 Closed 처리하는 로직만 있다. 추가로 발급 이력이 있어도 상태를 Closed로 변경할 수 있다 . by 진도 @2/10/2023 )
쿠폰 등록 컴포넌트 영역
: 항목별 입력/선택을 위한 컴포넌트 제공
: 하기 쿠폰 등록 정보 정의 테이블 기반으로 아래와 같이 제공
•
항목별 컴포넌트 : ‘항목’ + ‘컴포넌트 유형’
- 필수항목의 경우 항목명 다음에 *표기 (e.g. 상품명 *)
쿠폰 등록 컴포넌트 하단 버튼 영역
•
취소 버튼
◦
변경 사항 있을 경우: 선택 시 경고창 제공 (수정된 내용이 있습니다. 화면을 나가시겠습니까? <취소><확인>)
▪
경고창>확인 선택 시 팝업 닫기
▪
경고창>취소 선택 시 경고창 닫힘
◦
변경 사항 없을 경우: 팝업 닫기
•
저장/수정 버튼
◦
선택 시 필수항목 유효성 체크, 유효한 경우: 알림창 제공 (쿠폰 저장이 완료되었습니다. <확인>)
▪
알림창>확인 선택 시 팝업 닫기
•
쿠폰 목록 업데이트되며, 쿠폰등록일 기준 ‘오늘'에 해당하는 전체 상태의 목록을 보여줌
◦
유효하지 않은 경우
▪
아래 정의된 내용 참고하여 팝업 노출
쿠폰 등록 정보 정의 ( 쿠폰 등록 관련 API 스펙 참고 - 링크 )
전체 공통 Validation
•
필수값이 모두 입력되지 않은 경우
◦
“필수 값을 모두 입력해주세요.” 팝업 노출, 저장(수정) 되지 않음.
•
수정 모드일 경우 수정 가능한 필드만 활성화.
수정전
참고
•
•
임시 UI ( 죄송 .. )