Aurora Modules

취소/반품/교환 상세

취소/반품/교환 클레임이 신청/처리중/완료된 경우,
주문 상세, 주문목록/배송조회, 취소/반품/교환 내역 페이지에서 노출되는 취소/반품/교환 상세 모듈입니다.

URL: /pages/my/order-detail.html?orderNo={orderNo}

모듈명: claim-detail원본소스

취소/반품/교환 상세 모듈입니다.

사용 가능 변수

변수명	타입	기본값	설명
claimReasonDetail	string	-	상세사유
claimReason	string	-	회원 클레임 상세보기 API 응답 결과 중 `claimReasonType`와 동일 (클레임 사유)
claimYmdt	string	-	클레임신청일시
claimPriceInfo	ClaimPriceInfo	-	금액정보 (아래 타입 참조)
exchangePayInfo	ExchangePayInfo	-	교환 추가금액 결제 정보 (아래 타입 참조)
refundBankAccount	RefundBankAccount	-	환불계좌 정보(무통장 및 가상계좌) (아래 타입 참조)

RefundBankAccount 타입

속성명	타입	기본값	설명
bank	string	-	회원 클레임 상세보기 API 응답 결과 중 `refundBankAccount.bank`와 동일 (은행 코드)
bankName	string	-	계좌번호
bankAccount	string	-	계좌번호
bankDepositorName	string	-	예금주명

ExchangePayInfo 타입

속성명	타입	기본값	설명
payType	string	-	회원 클레임 상세보기 API 응답 결과 중 `exchangePayInfo.payType`와 동일 (결제방법)
remitter	string	-	입금자
exchangePayAmt	number	0	교환금액
bankAccount	BankAccount	-	계좌정보 (아래 타입 참조)

BankAccount 타입

속성명	타입	기본값	설명
bank	string	-	회원 클레임 상세보기 API 응답 결과 중 `exchangePayInfo.bankAccount.bank`와 동일 (은행 코드)
bankName	string	-	은행명
bankAccount	string	-	계좌번호
bankDepositorName	string	-	예금주명

ClaimPriceInfo 타입

속성명	타입	기본값	설명
refundPayType	string	-	회원 클레임 상세보기 API API 응답 결과 중 `claimPriceInfo.refundPayType`와 동일 (환불결제방법)
refundTypeLabel	string	-	환불방법(노출용)

커스텀 핸들바 더 알아보기

:query 속성 더 알아보기

<claim-detail>
    <div class="claim-detail">
        <div class="claim-detail__contents">
            <dl>
                <dt>신청일</dt>
                <dd slot="claimYmdt">{{claimYmdt}}</dd>
                <dt>사유</dt>
                <dd slot="claimReason">{{claimReason}}</dd>
                <dt>상세 사유</dt>
                <dd slot="claimReasonDetail">{{#if claimReasonDetail}}{{claimReasonDetail}}{{else}}-{{/if}}</dd>
            </dl>
            <dl slot="refundBankAccount">
                {{#with refundBankAccount}}
                <dt>환불정보</dt>
                <dd slot="claimPriceInfo">
                    {{#if bankAccount}} {{bankName}} / {{bankAccount}} / {{bankDepositorName}} {{else}} {{#ifEq claimPriceInfo.refundPayType 'ACCUMULATION'}}
                    {{claimPriceInfo.refundTypeLabel}} {{else}} - {{/ifEq}} {{/if}}
                </dd>
                {{/with}}
            </dl>
            <dl slot="exchangePayInfo">
                {{#with exchangePayInfo.bankAccount}}
                <dt>추가결제정보</dt>
                <dd>{{bankName}} / {{bankAccount}} / {{bankDepositorName}}</dd>
                {{/with}}
            </dl>
        </div>
    </div>
</claim-detail>

<claim-detail>
    <div class="claim-detail">
        <div class="claim-detail__contents">
            <dl>
                <dt>신청일</dt>
                <dd slot="claimYmdt">{{claimYmdt}}</dd>
                <dt>사유</dt>
                <dd slot="claimReason">{{claimReason}}</dd>
                <dt>상세 사유</dt>
                <dd slot="claimReasonDetail">{{#if claimReasonDetail}} {{claimReasonDetail}} {{else}} - {{/if}}</dd>
            </dl>
            <dl slot="refundBankAccount">
                {{#with refundBankAccount}}
                <dt>환불정보</dt>
                <dd slot="claimPriceInfo">
                    {{#if bankAccount}} {{bankName}} / {{bankAccount}} / {{bankDepositorName}} {{else}} {{#ifEq claimPriceInfo.refundPayType 'ACCUMULATION'}}
                    {{claimPriceInfo.refundTypeLabel}} {{else}} - {{/ifEq}} {{/if}}
                </dd>
                {{/with}}
            </dl>
            <dl slot="exchangePayInfo">
                {{#with exchangePayInfo.bankAccount}}
                <dt>추가결제정보</dt>
                <dd>{{bankName}} / {{bankAccount}} / {{bankDepositorName}}</dd>
                {{/with}}
            </dl>
        </div>
    </div>
</claim-detail>

/* 여기에 스타일 코드를 작성해주세요. */

취소/반품/교환 클레임이 신청/처리중/완료된 경우, 주문 상세, 주문목록/배송조회, 취소/반품/교환 내역 페이지에서 노출되는 취소/반품/교환 상세 모듈입니다.

사용 가능 변수

RefundBankAccount 타입

ExchangePayInfo 타입

BankAccount 타입

ClaimPriceInfo 타입

취소/반품/교환 클레임이 신청/처리중/완료된 경우,
주문 상세, 주문목록/배송조회, 취소/반품/교환 내역 페이지에서 노출되는 취소/반품/교환 상세 모듈입니다.