Aurora Modules

주문 상세

주문 상세 페이지에서 노출되는 주문 상세 모듈입니다.

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

모듈명: order-product-options원본소스

주문 상품 모듈입니다.

속성

속성명	타입	기본값	설명
shopby-deliverable	N	-	배송여부
shopby-order-next-action-type	string	-	해당 주문건에 대해 다음에 할 수 있는 작업타입
shopby-modal-title-prefix	string	-	클레임상태 앞에서 2글자 클레임 상세 모달 상단 제목에 사용
shopby-delivery-uri	string	-	배송 uri
shopby-delivery-type	string	-	배송 타입
shopby-pay-type	string	-	결제타입
shopby-order-status	string	-	주문상태
shopby-claim-nos	string	-	클레임 번호를 나열한 값. 클레임 철회시 validation 확인할 때 사용
shopby-order-option-no	number	-	주문옵션번호
shopby-claim-no	number	-	클레임 번호
shopby-order-no	number	-	주문번호
shopby-product-no	number	-	상품번호
shopby-order-option-count	number	0	주문 상품 옵션의 수

사용 가능 변수

변수명	타입	기본값	설명
canCancelAll	boolean	false	전체취소가능여부 주문상품 모두 입금대기상태이면서 전체 취소 가능할 떄 true
orderYmdt	string	-	주문일자
payInfo	PayInfo	-	결제정보 (아래 타입 참조)
lastOrderAmount	LastOrderAmount	-	최종주문금액정보 (아래 타입 참조)
nextActions	NextActions[]	[]	다음에 할 수 있는 작업 주문 상세 조회하기 API, 비회원 주문 상세 조회하기 API 응답 데이터중에서 nextActions (아래 타입 참조)
flattenedOrderOptions	FlattenedOrderOptions[]	[]	주문 상세 조회하기 API, 비회원 주문 상세 조회하기 API 응답 데이터를 orderOptionsGroupByPartner 을 flatMap 하여 1차 배열로 만든 데이터 (아래 타입 참조)

LastOrderAmount 타입

속성명	타입	기본값	설명
chargeAmt	number	0	사용자 결제 금액 (적립금 제외) [payAmt - subPayAmt]

FlattenedOrderOptions 타입

속성명	타입	기본값	설명
deliverable	boolean	false	배송여부
claimStatusTypeLabel	string	-	클레임상태
orderStatusTypeLabel	string	-	주문상태 ex)입금대기
orderNo	string	-	주문번호
orderStatusType	string	-	주문상태 ex)DEPOSIT_WAIT
claimNo	string	-	클레임 번호
productName	string	-	상품명
imageUrl	string	-	상품 이미지 URL
optionName	string	-	옵션명
optionValue	string	-	옵션값
productNo	number	-	상품번호
orderOptionNo	number	-	주문옵션번호
orderCnt	number	0	주문수량
price	Price	-	가격정보 (아래 타입 참조)
delivery	Delivery	-	배송정보 (아래 타입 참조)
inputs	Inputs[]	[]	구매자 작성형 옵션 (아래 타입 참조)
nextActions	NextActions[]	[]	다음에 할 수 있는 작업 주문 상세 조회하기 API, 비회원 주문 상세 조회하기 API 응답 데이터중에서 orderOptionsGroupByPartner[].orderOptionsGroupByDelivery[].nextActions

Delivery 타입

속성명	타입	기본값	설명
deliveryType	string	-	배송타입

Inputs 타입

속성명	타입	기본값	설명
inputValue	string	-	구매자 작성형 입력 값
inputLabel	string	-	구매자 작성형 입력 이름

Price 타입

속성명	타입	기본값	설명
buyAmt	number	0	구매금액(구매가 * 주문수량)

PayInfo 타입

속성명	타입	기본값	설명
payType	string	-	결제타입

NextActions 타입

속성명	타입	기본값	설명
nextActionType	string	-	작업타입 주문 상세 조회하기 API, 비회원 주문 상세 조회하기 API 응답 데이터중에서 nextActions[].nextActionType Enum 확인
uri	string	-	uri

모듈명: order-orderer원본소스

주문자 정보 모듈입니다.

속성

속성명	타입	기본값	설명
shopby-page-key	order-detail \| order-complete	-	페이지 고유 key 값 해당 모듈은 주문상세, 주문완료페이지에서 사용하여 외부 스크립트 사용시 고유값이 필요하여 페이지 고유 key값으로 사용

사용 가능 변수

변수명	타입	기본값	설명
orderMemo	string	-	주문메모
orderer	Orderer	-	주문자정보 (아래 타입 참조)

Orderer 타입

속성명	타입	기본값	설명
ordererName	string	-	주문자명
ordererEmail	string	-	주문자이메일
ordererContact1	string	-	주문자연락처1
ordererContact2	string	-	주문자연락처2

모듈명: order-shipping원본소스

배송지 정보 모듈입니다.

사용 가능 변수

변수명	타입	기본값	설명
shipping	Shipping	-	배송지 정보 (아래 타입 참조)

Shipping 타입

속성명	타입	기본값	설명
receiverAddress	string	-	배송지 주소
receiverJibunAddress	string	-	배송지 지번(지역추가배송비계산 시 사용)
addressNo	string	-	배송지 번호(0:신규, 0이상:이전배송지)
receiverName	string	-	수령자 명
customsIdNumber	string	-	개인고유통관부호
countryCd	string	-	국가코드
receiverZipCd	string	-	배송지 우편 번호
receiverDetailAddress	string	-	배송지 상세 주소
receiverContact1	string	-	연락처1
receiverContact2	string	-	연락처2
deliveryMemo	string	-	배송지 메모

모듈명: order-payment원본소스

결제 정보 모듈입니다.

속성

속성명	타입	기본값	설명
shopby-account	string	-	계좌번호 계좌번호 복사할 때 사용될 데이터

사용 가능 변수

변수명	타입	기본값	설명
accumulationName	string	-	적립금명
payTypeLabel	string	-	결제수단라벨
accumulationAmtWhenBuyConfirm	number	0	구매확정 시 적립예정 적립금
payInfo	PayInfo	-	결제정보 (아래 타입 참조)
firstOrderAmount	FirstOrderAmount	-	최초주문금액정보 (아래 타입 참조)
lastOrderAmount	LastOrderAmount	-	최종주문금액정보 (아래 타입 참조)
cashReceiptInfo	CashReceiptInfo	-	현금영수증정보 (아래 타입 참조)
cashReceiptExtraInfo	CashReceiptExtraInfo	-	현금영수증 추가 정보 (아래 타입 참조)
cashReceiptInfos	CashReceiptInfos	-	현금영수증 발급 정보 (아래 타입 참조)
useCashReceipt	boolean	-	쇼핑몰 현금영수증 사용 여부
visibleCashReceipt	boolean	-	현금영수증 노출 여부
orderYmdt	string	-	주문일자

PayInfo 타입

속성명	타입	기본값	설명
payType	string	-	결제타입
bankInfo	BankInfo	-	가상계좌/계좌이체/무통장 정보 (아래 타입 참조)

BankInfo 타입

속성명	타입	기본값	설명
depositorName	string	-	예금주명
bankCode	string	-	PG 은행코드 (PG별로 다름)
bank	string	-	은행
depositYmdt	string	-	입금일시
bankName	string	-	은행명
remitterName	string	-	입금자명
paymentExpirationYmdt	string	-	입금 마감일
account	string	-	계좌번호
depositAmt	number	0	실제 입금금액
bankAmt	number	0	입금해야할 금액

FirstOrderAmount 타입

속성명	타입	설명
totalProductAmt	number	총 상품금액 (즉시할인, 추가할인 포함) [총 상품정상금액(standardAmt) - 총 추가할인 금액(additionalDiscountAmt) - 총 즉시할인 금액(immediateDiscountAmt)]
additionalDiscountAmt	number	총 추가할인 금액
immediateDiscountAmt	number	총 즉시할인 금액
chargeAmt	number	사용자 결제 금액 (적립금 제외) [payAmt - subPayAmt]
deliveryAmt	number	총 배송비
standardAmt	number	총 상품정상금액(즉시할인, 추가할인 제외)
remoteDeliveryAmt	number	총 지역추가배송비
cartCouponDiscountAmt	number	주문쿠폰할인 금액
productCouponDiscountAmt	number	총 상품쿠폰할인 금액
subPayAmt	number	보조결제금액(적립금)
externalPayAmt	number	외부 보조 결제 금액
payAmt	number	결제금액

LastOrderAmount 타입

속성명	타입	설명
totalProductAmt	number	총 상품금액 (즉시할인, 추가할인 포함) [총 상품정상금액(standardAmt) - 총 추가할인 금액(additionalDiscountAmt) - 총 즉시할인 금액(immediateDiscountAmt)]
additionalDiscountAmt	number	총 추가할인 금액
immediateDiscountAmt	number	총 즉시할인 금액
chargeAmt	number	사용자 결제 금액 (적립금 제외) [payAmt - subPayAmt]
deliveryAmt	number	총 배송비
standardAmt	number	총 상품정상금액(즉시할인, 추가할인 제외)
remoteDeliveryAmt	number	총 지역추가배송비
cartCouponDiscountAmt	number	주문쿠폰할인 금액
productCouponDiscountAmt	number	총 상품쿠폰할인 금액
subPayAmt	number	보조결제금액(적립금)
externalPayAmt	number	외부 보조 결제 금액
payAmt	number	결제금액

CashReceiptInfo 타입

속성명	타입	기본값	설명
cashReceiptIssueType	'REQUEST' \| 'COMPLETE' \| 'CANCEL' \| 'FAIL'	null	발행 상태 - REQUEST: 발급요청 - COMPLETE: 발급완료 - CANCEL: 발급취소 - FAIL: 발급실패
pgCashReceiptNo	string	-	승인번호
cashReceiptKey	string	-	발급 번호
issueYmdt	string	-	승인일시
issueAmt	number	-	승인 금액

CashReceiptInfos 타입

속성명	타입	기본값	설명
receiptType	string	-	영수증 타입
receiptTypeLabel	string	-	영수증 종류
url	string	-	영수증 URL

CashReceiptExtraInfo 타입

속성명	타입	기본값	설명
expired	boolean	-	유효기간 만료여부
issueType	string	-	현금영수증 진행상황
issuePurposeType	boolean	-	현금영수증 신청 타입

모듈명: additional-payment원본소스

추가 결제 정보 모듈입니다.

사용 가능 변수

변수명	타입	기본값	설명
additionalPayInfos	AdditionalPayInfos[]	[]	추가결제정보 (아래 타입 참조)

AdditionalPayInfos 타입

속성명	타입	기본값	설명
payTypeLabel	string	-	결제수단명 (아래 타입 참조)
exchangePayAmt	number	0	교환처리금액
bankAccount	BankAccount	-	입금계좌정보 (아래 타입 참조)
productAmtInfo	ProductAmtInfo	-	상품 추가결제 금액 (아래 타입 참조)
deliveryAmtInfo	DeliveryAmtInfo	-	배송비금액 (아래 타입 참조)
subtractionAmtInfo	SubtractionAmtInfo	-	환불차감금액 (아래 타입 참조)
exchangeOrderOption	ExchangeOrderOption	-	교환상품정보 (아래 타입 참조)

ExchangeOrderOption 타입

속성명	타입	기본값	설명
imageUrl	string		상품 이미지
optionName	string		옵션 명
optionValue	string		옵션 값
productName	string		상품 명
userInputText	string		텍스트옵션
orderCnt	number	0	교환 상품 수량

ProductAmtInfo 타입

속성명	타입	기본값	설명
totalAmt	number	0	총 상품 추가결제 금액

DeliveryAmtInfo 타입

속성명	타입	기본값	설명
totalAmt	number	0	총 배송비

SubtractionAmtInfo 타입

속성명	타입	기본값	설명
totalAmt	number	0	총 주문차감금액

BankAccount 타입

속성명	타입	기본값	설명
bank	string	-	은행 코드 주문 상세 조회하기 API, 비회원 주문 상세 조회하기 API 응답 데이터 AdditionalPayInfos.bankAccount.bank 의 Enum 확인
bankName	string	-	은행명
bankAccount	string	-	계좌번호
bankDepositorName	string	-	예금주명

모듈명: return-collection원본소스

반품 수거 정보 모듈입니다

속성

속성명	타입	기본값	설명
shopby-images	string	-	반품 이미지 url 리스트, 첨부파일 모달에 노출할 이미지 url
shopby-image-idx	number	-	클릭한 이미지 인덱스(위치)

사용 가능 변수

변수명	타입	기본값	설명
additionalPayInfos	AdditionalPayInfos[]	[]	추가결제정보 (아래 타입 참조)
refundInfos	RefundInfos[]	[]	환불정보 (아래 타입 참조)

AdditionalPayInfos 타입

속성명	타입	기본값	설명
returnWayType	string	-	반품수거 타입
returnDeliveryCompanyTypeLabel	string	-	반품 택배사명
returnInvoiceNo	string	-	반품 송장번호
claimImageUrls	string[]	[]	반품 이미지 리스트
returnAddress	ReturnAddress	-	반품수거 주소지 (아래 타입 참조)

RefundInfos 타입

속성명	타입	기본값	설명
returnWayType	string	-	반품수거 타입
returnDeliveryCompanyTypeLabel	string	-	반품 택배사명
returnInvoiceNo	string	-	반품 송장번호
claimImageUrls	string[]	-	반품 이미지 리스트
returnAddress	ReturnAddress	-	반품수거 주소지 (아래 타입 참조)

ReturnAddress 타입

속성명	타입	기본값	설명
note	string	-	배송메모
addressStr	string	-	주소 요약
address	string	-	주소
customsIdNumber	string	-	개인고유통관부호
name	string	-	이름
detailAddress	string	-	상세주소
jibunAddress	string	-	지번주소
zipCd	string	-	우편번호
contact1	string	-	연락처1
contact2	string	-	연락처2

모듈명: exchange-shipment원본소스

교환 출고 정보 모듈입니다.

사용 가능 변수

변수명	타입	기본값	설명
additionalPayInfos	AdditionalPayInfos[]	[]	추가결제정보 (아래 타입 참조)
refundInfos	RefundInfos[]	[]	환불정보 (아래 타입 참조)

AdditionalPayInfos 타입

속성명	타입	기본값	설명
exchangeAddress	ExchangeAddress	-	교환출고 주소지
exchangeOrderOption	ExchangeOrderOption	-	교환상품정보

RefundInfos 타입

속성명	타입	기본값	설명
exchangeAddress	ExchangeAddress	-	교환출고 주소지 (아래 타입 참조)
exchangeOrderOption	ExchangeOrderOption	-	교환상품정보 (아래 타입 참조)

ExchangeOrderOption 타입

속성명	타입	기본값	설명
imageUrl	string	-	상품 이미지
optionValue	string	-	옵션 값
optionName	string	-	옵션 명
productName	string	-	상품 명
userInputText	string	-	텍스트옵션
orderCnt	number	0	교환 상품 수량

ExchangeAddress 타입

속성명	타입	기본값	설명
note	string	-	배송메모
name	string	-	이름
address	string	-	주소
addressStr	string	-	주소 요약
detailAddress	string	-	상세주소
jibunAddress	string	-	지번주소
zipCd	string	-	우편번호
contact1	string	-	연락처1
contact2	string	-	연락처2
customsIdNumber	string	-	개인고유통관부호

모듈명: order-refund원본소스

환불 정보 모듈입니다.

사용 가능 변수

변수명	타입	기본값	설명
refundInfos	RefundInfos[]	[]	환불정보 (아래 타입 참조)

RefundInfos 타입

속성명	타입	기본값	설명
refundType	string	-	환불(예상)방법(PG) refundInfos[].refundType 의 Enum 확인
claimClassType	string	-	클레임 타입
refundTypeLabel	string	-	환불방법(노출용)
refundSubPayAmt	number	0	적립금환불금액
refundMainPayAmt	number	0	환불금액(적립금제외)
refundBankAccount	RefundBankAccount	-	환불계좌 정보(무통장 및 가상계좌) (아래 타입 참조)
refundOrderOptions	RefundOrderOptions	-	환불상품정보 (아래 타입 참조)
productAmtInfo	ProductAmtInfo	-	환불상품금액 (아래 타입 참조)
deliveryAmtInfo	DeliveryAmtInfo	-	배송비금액 (아래 타입 참조)
subtractionAmtInfo	SubtractionAmtInfo	-	환불차감금액 (아래 타입 참조)

RefundOrderOptions 타입

속성명	타입	기본값	설명
imageUrl	string	-	상품 이미지
productName	string	-	상품 명
orderCnt	string	-	환불 상품 수량
optionName	string	-	옵션 명
optionValue	string	-	옵션 값
userInputTextStr	string	-	텍스트옵션

ProductAmtInfo 타입

속성명	타입	기본값	설명
totalAmt	number	0	총 환불상품금액

DeliveryAmtInfo 타입

속성명	타입	기본값	설명
totalAmt	number	0	총 배송비

SubtractionAmtInfo 타입

속성명	타입	기본값	설명
totalAmt	number	0	총 주문차감금액

RefundBankAccount 타입

속성명	타입	기본값	설명
bank	string	-	은행 코드 refundInfos[].refundBankAccount.bank 의 Enum 확인
bankAccount	string	-	계좌번호
bankName	string	-	계좌번호
bankDepositorName	string	-	예금주명

커스텀 핸들바 더 알아보기

:query 속성 더 알아보기

<main class="l-my-page order-detail">
    <div class="my-page-box">
        <div class="right-box">
            <div class="right-box__container">
                <order-product-options>
                    <section class="order-detail__product-table l-panel">
                        <div>
                            <summary class="l-title l-title__align-end">
                                주문/배송 상세
                                <div slot="canCancelAll">
                                    {{#if canCancelAll}}
                                    <button type="button" class="btn btn--line-dark btn--sm" shopby-action="ALL_CANCEL">전체 주문 취소</button>
                                    {{/if}}
                                </div>
                            </summary>
                        </div>
                        <div>
                            <div slot="flattenedOrderOptions">
                                <table class="l-table">
                                    <colgroup>
                                        <!-- 주문일자(주문번호) -->
                                        <col style="width: 20%" />
                                        <!--상품정보 -->
                                        <col />
                                        <!-- 수량 -->
                                        <col style="width: 10%" />
                                        <!--   상품 합계 금액 -->
                                        <col style="width: 13%" />
                                        <!-- 진행상태 -->
                                        <col style="width: 10%" />
                                        <!-- 접수 -->
                                        <col style="width: 10%" />
                                    </colgroup>
                                    <thead>
                                        <tr>
                                            <th>주문일자 (주문번호)</th>
                                            <th>상품정보</th>
                                            <th>수량</th>
                                            <th>상품 합계 금액</th>
                                            <th>진행상태</th>
                                            <th>접수</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {{#each flattenedOrderOptions}}
                                        <tr
                                            shopby-order-option-count="{{../flattenedOrderOptions.length}}"
                                            shopby-order-next-action-type="{{arrayToString ../nextActions 'nextActionType'}}"
                                        >
                                            <!-- 주문일자(주문번호) -->
                                            <!-- {{#if @first}} -->
                                            <td slot="orderYmdt" rowspan="{{../flattenedOrderOptions.length}}">
                                                {{substring ../orderYmdt 0 10}}
                                                <span class="order-detail__order-no">{{orderNo}}</span>
                                            </td>
                                            <!-- {{/if}} -->
                                            <!-- 상품/옵션 정보 -->
                                            <td>
                                                <div class="product-option-info">
                                                    <div class="thumb-item__media">
                                                        <a href="/pages/product/product-detail.html?productNo={{productNo}}">
                                                            <span class="thumb-item__img">{{img imageUrl 100 100 productName 'middle' ''}}</span>
                                                        </a>
                                                    </div>
                                                    <div class="product-option-info__name">
                                                        <em>
                                                            <a href="/pages/product/product-detail.html?productNo={{productNo}}" class="font-black">
                                                                {{safeString productName}}
                                                            </a>
                                                        </em>

                                                        <div class="product-option-info__option">
                                                            <div>
                                                                {{#ifNe optionType 'PRODUCT_ONLY'}} {{displayNormalOption optionName optionValue}} {{/ifNe}}
                                                            </div>
                                                            {{#each inputs}}
                                                            <div>{{safeString inputLabel}} : {{safeString inputValue}}</div>
                                                            {{/each}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                            <!-- 수량 -->
                                            <td>
                                                <em>{{orderCnt}}</em>
                                            </td>
                                            <!--  상품 합계 금액 -->
                                            <td>
                                                <em>{{convertToKoreanCurrency price.buyAmt}}</em>
                                                원
                                            </td>
                                            <!-- 진행상태 -->
                                            <td>
                                                <div
                                                    class="next-action-btns"
                                                    shopby-order-option-no="{{orderOptionNo}}"
                                                    shopby-pay-type="{{../payInfo.payType}}"
                                                    shopby-order-status="{{orderStatusType}}"
                                                >
                                                    {{#if claimStatusTypeLabel}}
                                                    <button
                                                        class="link"
                                                        shopby-claim-no="{{claimNo}}"
                                                        shopby-modal-title-prefix="{{substring claimStatusTypeLabel 2}}"
                                                        shopby-action="VIEW_CLAIM_DETAIL"
                                                    >
                                                        {{claimStatusTypeLabel}}
                                                    </button>
                                                    {{else}}{{orderStatusTypeLabel}}{{/if}} {{#each nextActions}} {{#ifEq nextActionType 'VIEW_DELIVERY'}}
                                                    <button
                                                        type="button"
                                                        class="btn btn--line-dark btn--xs"
                                                        shopby-action="VIEW_DELIVERY"
                                                        shopby-delivery-uri="{{uri}}"
                                                        shopby-delivery-type="{{../delivery.deliveryType}}"
                                                    >
                                                        배송 조회
                                                    </button>
                                                    {{/ifEq}} {{#ifEq nextActionType 'CONFIRM_ORDER'}}
                                                    <button type="button" class="btn btn--line-dark btn--xs" shopby-action="CONFIRM_ORDER">구매 확정</button>
                                                    {{/ifEq}} {{#ifEq nextActionType 'WRITE_REVIEW'}}
                                                    <button
                                                        type="button"
                                                        class="btn btn--fill-dark btn--xs"
                                                        shopby-product-no="{{../productNo}}"
                                                        shopby-action="WRITE_REVIEW"
                                                    >
                                                        후기 작성
                                                    </button>
                                                    {{/ifEq}} {{/each}}
                                                </div>
                                            </td>
                                            <!-- 접수 -->
                                            <td>
                                                <div
                                                    class="next-action-btns"
                                                    shopby-order-option-no="{{orderOptionNo}}"
                                                    shopby-pay-type="{{../payInfo.payType}}"
                                                    shopby-order-status="{{orderStatusType}}"
                                                    shopby-claim-nos="{{arrayToString ../flattenedOrderOptions 'claimNo'}}"
                                                >
                                                    {{#ifEqOne ../payInfo.payType 'VIRTUAL_ACCOUNT' 'ESCROW_VIRTUAL_ACCOUNT'}} {{#each nextActions}} {{#ifEq
                                                    nextActionType 'CANCEL_ALL'}}
                                                    <button
                                                        type="button"
                                                        class="btn btn--line-gray btn--xs"
                                                        shopby-order-no="{{../orderNo}}"
                                                        shopby-action="CANCEL"
                                                    >
                                                        취소 신청
                                                    </button>
                                                    {{/ifEq}} {{/each}} {{/ifEqOne}} {{#each nextActions}} {{#ifEq nextActionType 'CANCEL'}}
                                                    <button
                                                        type="button"
                                                        class="btn btn--line-gray btn--xs"
                                                        shopby-order-no="{{../orderNo}}"
                                                        shopby-action="CANCEL"
                                                    >
                                                        취소 신청
                                                    </button>
                                                    {{/ifEq}} {{#ifEq nextActionType 'EXCHANGE'}}
                                                    <button
                                                        type="button"
                                                        class="btn btn--line-gray btn--xs"
                                                        shopby-deliverable="{{#if ../deliverable}}Y{{else}}N{{/if}}"
                                                        shopby-action="EXCHANGE"
                                                    >
                                                        교환 신청
                                                    </button>
                                                    {{/ifEq}} {{#ifEq nextActionType 'RETURN'}}
                                                    <button
                                                        type="button"
                                                        class="btn btn--line-gray btn--xs"
                                                        shopby-action="RETURN"
                                                        shopby-deliverable="{{#if ../deliverable}}Y{{else}}N{{/if}}"
                                                    >
                                                        반품 신청
                                                    </button>
                                                    {{/ifEq}} {{#ifEq nextActionType 'WITHDRAW_CANCEL'}}
                                                    <button
                                                        type="button"
                                                        class="btn btn--line-gray btn--xs"
                                                        shopby-claim-no="{{../claimNo}}"
                                                        shopby-action="WITHDRAW_CANCEL"
                                                    >
                                                        취소신청 철회
                                                    </button>
                                                    {{/ifEq}} {{#ifEq nextActionType 'WITHDRAW_EXCHANGE'}}
                                                    <button
                                                        type="button"
                                                        class="btn btn--line-gray btn--xs"
                                                        shopby-claim-no="{{../claimNo}}"
                                                        shopby-action="WITHDRAW_EXCHANGE"
                                                    >
                                                        교환신청 철회
                                                    </button>
                                                    {{/ifEq}} {{#ifEq nextActionType 'WITHDRAW_RETURN'}}
                                                    <button
                                                        type="button"
                                                        class="btn btn--line-gray btn--xs"
                                                        shopby-claim-no="{{../claimNo}}"
                                                        shopby-action="WITHDRAW_RETURN"
                                                    >
                                                        반품신청 철회
                                                    </button>
                                                    {{/ifEq}} {{#ifEq ../nextActions.length 1}} {{#ifEq actionGroupType 'NORMAL'}} - {{/ifEq}} {{/ifEq}}
                                                    {{else}} - {{/each}}
                                                </div>
                                            </td>
                                        </tr>
                                        {{/each}}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </section>
                </order-product-options>
                <!--주문자 정보 -->
                <order-orderer shopby-page-key="order-detail">
                    <section class="l-panel">
                        <details class="accordion" open>
                            <summary class="accordion__title">주문자 정보</summary>
                            <dl class="l-dl dl-border" slot="orderer">
                                <dt>주문자 명</dt>
                                <dd>{{orderer.ordererName}}</dd>
                                <dt>이메일</dt>
                                <dd>{{orderer.ordererEmail}}</dd>
                                <dt>휴대폰 번호</dt>
                                <dd>{{orderer.ordererContact1}}</dd>
                                <dt>전화번호</dt>
                                <dd>{{#if orderer.contact2}}{{orderer.contact2}}{{else}}-{{/if}}</dd>
                                <dt>주문 메모</dt>
                                <dd slot="orderMemo">{{#if orderMemo}}{{orderMemo}}{{else}}-{{/if}}</dd>
                            </dl>
                        </details>
                    </section>
                </order-orderer>
                <!--배송지 정보-->
                <order-shipping>
                    <section class="l-panel">
                        <details class="accordion" open>
                            <summary class="accordion__title">배송지 정보</summary>
                            <dl class="l-dl dl-border" slot="shipping">
                                <dt>받으시는 분</dt>
                                <dd>{{shipping.receiverName}}</dd>
                                <dt>주소</dt>
                                <dd>({{shipping.receiverZipCd}}) {{shipping.receiverAddress}} {{shipping.receiverDetailAddress}}</dd>
                                <dt>휴대폰 번호</dt>
                                <dd>{{shipping.receiverContact1}}</dd>
                                <dt>전화 번호</dt>
                                <dd>{{#if shipping.receiverContact2}}{{shipping.receiverContact2}}{{else}}-{{/if}}</dd>
                                <dt>배송 메모</dt>
                                <dd>{{#if shipping.deliveryMemo}}{{shipping.deliveryMemo}}{{else}}-{{/if}}</dd>
                            </dl>
                        </details>
                    </section>
                </order-shipping>
                <!--결제정보 -->
                <order-payment>
                    <section class="l-panel">
                        <summary class="l-title">결제정보</summary>
                        <dl class="l-dl dl-border">
                            <dt>결제 수단</dt>
                            <dd slot="payTypeLabel">{{payTypeLabel}}</dd>
                        </dl>
                        <dl class="l-dl dl-border" slot="payInfo">
                            {{#ifEqOneOfThree payInfo.payType 'ACCOUNT' 'VIRTUAL_ACCOUNT' 'ESCROW_VIRTUAL_ACCOUNT'}}
                            <dt>입금 은행</dt>
                            <dd>{{payInfo.bankInfo.bankName}}</dd>
                            <dt>입금 계좌</dt>
                            <dd>{{payInfo.bankInfo.account}}</dd>
                            <dt>예금주명</dt>
                            <dd>{{payInfo.bankInfo.depositorName}}</dd>
                            <dt>입금 금액</dt>
                            <dd>
                                <em>{{convertToKoreanCurrency payInfo.bankInfo.bankAmt}}</em>
                                원
                            </dd>
                            <dt>입금자명</dt>
                            <dd>{{payInfo.bankInfo.remitterName}}</dd>
                            <dt>입금 기한</dt>
                            <dd>{{payInfo.bankInfo.paymentExpirationYmdt}} 까지</dd>
                            {{/ifEqOneOfThree}}
                        </dl>
                        <dl class="l-dl dl-border" slot="firstOrderAmount">
                            <dt>상품금액 합계</dt>
                            <dd>
                                <em>{{convertToKoreanCurrency firstOrderAmount.standardAmt}}</em>
                                원
                            </dd>
                            <dt>배송비 합계</dt>
                            <dd>
                                <em>+ {{convertToKoreanCurrency firstOrderAmount.deliveryAmt}}</em>
                                원
                            </dd>
                            {{#if firstOrderAmount.remoteDeliveryAmt}}
                            <dt>지역별 배송비 합계</dt>
                            <dd>
                                <em>+ {{convertToKoreanCurrency firstOrderAmount.remoteDeliveryAmt}}</em>
                                원
                            </dd>
                            {{/if}}
                            <dt>할인금액 합계</dt>
                            <dd>
                                <em>
                                    - {{sum firstOrderAmount.cartCouponDiscountAmt firstOrderAmount.productCouponDiscountAmt
                                    firstOrderAmount.additionalDiscountAmt firstOrderAmount.immediateDiscountAmt }}
                                </em>
                                원
                            </dd>
                            <dt slot="accumulationName">{{accumulationName}} 사용</dt>
                            <dd>
                                <em>- {{convertToKoreanCurrency firstOrderAmount.subPayAmt}}</em>
                                원
                            </dd>
                            {{#ifEqOneOfThree payInfo.payType 'ACCOUNT' 'VIRTUAL_ACCOUNT' 'ESCROW_VIRTUAL_ACCOUNT'}} {{#if payInfo.bankInfo.depositAmt}}
                            <dt>입금정보</dt>
                            <dd class="order-detail__deposit-info">
                                <div>입금은행 : {{payInfo.bankInfo.bankName}}</div>
                                <div>입금계좌 : {{payInfo.bankInfo.account}}</div>
                                <div>예금주명 : {{payInfo.bankInfo.depositorName}}</div>
                                <div>입금금액 : {{convertToKoreanCurrency payInfo.bankInfo.depositAmt}} 원</div>
                                <div>입금자명 : {{payInfo.bankInfo.remitterName}}</div>
                            </dd>
                            {{/if}} {{/ifEqOneOfThree}}
                        </dl>
                        <dl class="l-dl dl-border">
                            <dt>최종 결제 금액</dt>
                            <dd>
                                <em slot="firstOrderAmount" class="highlight">{{convertToKoreanCurrency firstOrderAmount.chargeAmt}}</em>
                                원
                                <span class="order-detail__mileage">
                                    구매확정 시 
                                    <em>
                                        <span slot="accumulationAmtWhenBuyConfirm">{{convertToKoreanCurrency accumulationAmtWhenBuyConfirm}}</span>
                                    </em>
                                    <span slot="accumulationName">{{accumulationName}} 적립</span>
                                </span>
                            </dd>
                        </dl>
                    </section>
                </order-payment>
                <!-- 추가 결제 정보 -->
                <additional-payment class="option">
                    <div>
                        <div slot="additionalPayInfos" class="{{#if additionalPayInfos}}open{{/if}}">
                            {{#each additionalPayInfos}}
                            <section class="l-panel">
                                <details class="accordion" open>
                                    <summary class="accordion__title">추가 결제 정보</summary>
                                    <dl class="l-dl dl-border">
                                        <dt>교환 출고 상품</dt>
                                        <dd>
                                            <div>
                                                <div class="product-option-info">
                                                    <div class="thumb-item__media">
                                                        <span class="thumb-item__img">
                                                            {{img exchangeOrderOption.imageUrl 100 100 exchangeOrderOption.productName 'middle' ''}}
                                                        </span>
                                                    </div>
                                                    <div>
                                                        (수량: {{exchangeOrderOption.orderCnt}}개)
                                                        <em>{{safeString exchangeOrderOption.productName}}</em>
                                                        <div class="product-option-info__option">
                                                            <div>
                                                                {{#ifNe exchangeOrderOption.optionType 'PRODUCT_ONLY'}} {{displayNormalOption
                                                                exchangeOrderOption.optionName exchangeOrderOption.optionValue }} {{/ifNe}}
                                                            </div>
                                                            <div>{{exchangeOrderOption.userInputTextStr}}</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </dd>
                                        <dt>교환 상품 금액</dt>
                                        <dd>{{convertToKoreanCurrency productAmtInfo.totalAmt}}원</dd>
                                        <dt>반품/교환 배송비</dt>
                                        <dd>{{convertToKoreanCurrency deliveryAmtInfo.totalAmt}}원</dd>
                                        <dt>차감 금액</dt>
                                        <dd>{{convertToKoreanCurrency subtractionAmtInfo.totalAmt}}원</dd>
                                        <dt>추가 결제 금액</dt>
                                        <dd>{{convertToKoreanCurrency exchangePayAmt}}원</dd>
                                        <dt>결제 수단</dt>
                                        <dd>
                                            <em>{{payTypeLabel}}</em>
                                            {{#if bankAccount}} {{bankAccount.bankName}} / {{bankAccount.bankAccount}} / {{bankAccount.bankDepositorName}}
                                            {{/if}}
                                        </dd>
                                    </dl>
                                </details>
                            </section>
                            {{/each}}
                        </div>
                    </div>
                </additional-payment>
                <!-- 반품 수거 정보 -->
                <return-collection>
                    <div>
                        <div slot="additionalPayInfos">
                            {{#each additionalPayInfos}} {{#if returnAddress}}
                            <section class="l-panel">
                                <details class="accordion" open>
                                    <summary class="accordion__title">반품 수거 정보</summary>
                                    <dl class="l-dl dl-border">
                                        <dt>반품 수거 방법</dt>
                                        <dd>{{#ifEq returnWayType 'SELLER_COLLECT'}} 판매자 수거요청 {{else}} 구매자 직접반품 {{/ifEq}}</dd>
                                        {{#ifEq returnWayType 'BUYER_DIRECT_RETURN'}}
                                        <dt>반품 접수 정보</dt>
                                        <dd>{{returnAddress.note}}</dd>
                                        {{else}}
                                        <dt>반품자명</dt>
                                        <dd>{{returnAddress.name}}</dd>
                                        <dt>수거지 주소</dt>
                                        <dd>{{returnAddress.addressStr}}</dd>
                                        <dt>휴대폰 번호</dt>
                                        <dd>{{returnAddress.contact1}}</dd>
                                        <dt>전화 번호</dt>
                                        <dd>{{returnAddress.contact2}}</dd>
                                        <dt>수거 시 참고사항</dt>
                                        <dd>{{returnAddress.note}}</dd>
                                        {{/ifEq}}
                                        <dt>반품 이미지</dt>
                                        <dd class="folding-images-by-one-row is-active">
                                            <ul class="folding-images-by-one-row__image-list" shopby-images="{{claimImageUrls}}">
                                                {{#each claimImageUrls}}
                                                <li class="folding-images-by-one-row__image-item" shopby-action="ZOOM_IN_IMAGE" shopby-image-idx="{{@index}}">
                                                    {{img this 100 100 '반품이미지' 'middle' ''}}
                                                    <button class="folding-images-by-one-row__image-zoom-in">
                                                        <span class="ico ico--magnet-white-12"></span>
                                                    </button>
                                                </li>
                                                {{else}} - {{/each}}
                                            </ul>
                                        </dd>
                                    </dl>
                                </details>
                            </section>
                            {{/if}} {{/each}}
                        </div>
                    </div>
                </return-collection>
                <!-- 교환 출고 정보 -->
                <exchange-shipment>
                    <div>
                        <div slot="additionalPayInfos">
                            {{#each additionalPayInfos}} {{#if exchangeAddress}}
                            <section class="l-panel">
                                <details class="accordion" open>
                                    <summary class="accordion__title">교환 출고 정보</summary>
                                    <dl class="l-dl dl-border">
                                        <dt>교환 출고 상품</dt>
                                        <dd>
                                            <div class="product-option-info">
                                                <div class="thumb-item__media">
                                                    <span class="thumb-item__img">
                                                        {{img exchangeOrderOption.imageUrl 100 100 exchangeOrderOption.productName 'middle' '' }}
                                                    </span>
                                                </div>
                                                <div>
                                                    (수량: {{exchangeOrderOption.orderCnt}}개)
                                                    <em>{{safeString exchangeOrderOption.productName}}</em>
                                                    <div class="product-option-info__option">
                                                        <div>
                                                            {{#ifNe exchangeOrderOption.optionType 'PRODUCT_ONLY'}} {{displayNormalOption
                                                            exchangeOrderOption.optionName exchangeOrderOption.optionValue }} {{/ifNe}}
                                                        </div>
                                                        <div>{{exchangeOrderOption.userInputTextStr}}</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </dd>
                                        <dt>수령자명</dt>
                                        <dd>{{exchangeAddress.name}}</dd>
                                        <dt>배송지 주소</dt>
                                        <dd>{{exchangeAddress.addressStr}}</dd>
                                        <dt>휴대폰 번호</dt>
                                        <dd>{{exchangeAddress.contact1}}</dd>
                                        <dt>전화번호</dt>
                                        <dd>{{exchangeAddress.contact2}}</dd>
                                        <dt>배송 메시지</dt>
                                        <dd>{{#if exchangeAddress.note}}{{exchangeAddress.note}}{{else}}-{{/if}}</dd>
                                    </dl>
                                </details>
                            </section>
                            {{/if}} {{/each}}
                        </div>
                    </div>
                </exchange-shipment>

                <!-- 환불 정보 -->
                <order-refund>
                    <div>
                        <div slot="refundInfos">
                            {{#each refundInfos}} {{#ifNe refundType 'ZERO_REFUND'}}
                            <section class="l-panel">
                                <details class="accordion" open>
                                    <summary class="accordion__title">환불 정보</summary>
                                    <dl class="l-dl dl-border">
                                        {{#ifNe claimClassType 'ORDER_CANCEL'}}
                                        <dt>환불 상품</dt>
                                        <dd class="order-detail__product-option-info">
                                            {{#each refundOrderOptions}}
                                            <div class="product-option-info">
                                                <div class="thumb-item__media">
                                                    <span class="thumb-item__img">{{img imageUrl 100 100 productName 'middle' ''}}</span>
                                                </div>
                                                <div>
                                                    (환불수량:{{orderCnt}}개)
                                                    <em>{{safeString productName}}</em>
                                                    <div class="product-option-info__option">
                                                        <div>{{#ifNe optionType 'PRODUCT_ONLY'}} {{displayNormalOption optionName optionValue}} {{/ifNe}}</div>
                                                        <div>{{userInputTextStr}}</div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{/each}}
                                        </dd>
                                        {{/ifNe}}
                                        <dt>환불 상품 금액</dt>
                                        <dd>
                                            <em>{{convertToKoreanCurrency productAmtInfo.totalAmt}}</em>
                                            원
                                        </dd>
                                        <dt>환불 배송비</dt>
                                        <dd>
                                            <em>{{convertToKoreanCurrency deliveryAmtInfo.totalAmt}}</em>
                                            원
                                        </dd>
                                        <dt>환불 차감 금액</dt>
                                        <dd>
                                            <em>{{convertToKoreanCurrency subtractionAmtInfo.totalAmt}}</em>
                                            원
                                        </dd>
                                        <dt>환불 적립금</dt>
                                        <dd>
                                            <em>{{convertToKoreanCurrency refundSubPayAmt}}</em>
                                            원
                                        </dd>
                                        <dt>환불 금액</dt>
                                        <dd>
                                            <em>{{convertToKoreanCurrency refundMainPayAmt}}</em>
                                            원
                                        </dd>
                                        <dt>환불 수단</dt>
                                        <dd>
                                            <em>{{refundTypeLabel}}</em>
                                            {{#if refundBankAccount.bankAccount}} {{refundBankAccount.bankName}} / {{refundBankAccount.bankAccount}} /
                                            {{refundBankAccount.bankDepositorName}} {{/if}}
                                        </dd>
                                    </dl>
                                </details>
                            </section>
                            {{/ifNe}} {{/each}}
                        </div>
                    </div>
                </order-refund>

                <!-- 반품 수거 정보 -->
                <return-collection>
                    <div>
                        <div slot="refundInfos">
                            {{#each refundInfos}} {{#if returnAddress}}
                            <section class="l-panel">
                                <details class="accordion" open>
                                    <summary class="accordion__title">반품 수거 정보</summary>
                                    <dl class="l-dl dl-border">
                                        <dt>반품 수거 방법</dt>
                                        <dd>{{#ifEq returnWayType 'SELLER_COLLECT'}} 판매자 수거요청 {{else}} 구매자 직접반품 {{/ifEq}}</dd>
                                        {{#ifEq returnWayType 'BUYER_DIRECT_RETURN'}}
                                        <dt>반품 접수 정보</dt>
                                        <dd>{{returnDeliveryCompanyTypeLabel}} / {{returnInvoiceNo}}</dd>
                                        {{else}}
                                        <dt>반품자명</dt>
                                        <dd>{{returnAddress.name}}</dd>
                                        <dt>수거지 주소</dt>
                                        <dd>{{returnAddress.addressStr}}</dd>
                                        <dt>휴대폰 번호</dt>
                                        <dd>{{returnAddress.contact1}}</dd>
                                        <dt>전화 번호</dt>
                                        <dd>{{returnAddress.contact2}}</dd>
                                        <dt>수거 시 참고사항</dt>
                                        <dd>{{#if returnAddress.note}}{{returnAddress.note}}{{else}}-{{/if}}</dd>
                                        {{/ifEq}}
                                        <dt>반품 이미지</dt>
                                        <dd class="folding-images-by-one-row is-active">
                                            <ul class="folding-images-by-one-row__image-list" shopby-images="{{claimImageUrls}}">
                                                {{#each claimImageUrls}}
                                                <li class="folding-images-by-one-row__image-item" shopby-action="ZOOM_IN_IMAGE" shopby-image-idx="{{@index}}">
                                                    {{img this 100 100 '반품이미지' 'middle' ''}}
                                                    <button class="folding-images-by-one-row__image-zoom-in">
                                                        <span class="ico ico--magnet-white-12"></span>
                                                    </button>
                                                </li>
                                                {{else}} - {{/each}}
                                            </ul>
                                        </dd>
                                    </dl>
                                </details>
                            </section>
                            {{/if}} {{/each}}
                        </div>
                    </div>
                </return-collection>

                <!-- 교환 출고 정보 -->
                <exchange-shipment>
                    <div>
                        <div slot="refundInfos">
                            {{#each refundInfos}} {{#if exchangeAddress}}
                            <section class="l-panel">
                                <details class="accordion" open>
                                    <summary class="accordion__title">교환 출고 정보</summary>
                                    <dl class="l-dl dl-border">
                                        <dt>교환 출고 상품</dt>
                                        <dd>
                                            <div class="product-option-info">
                                                <div class="thumb-item__media">
                                                    <span class="thumb-item__img">
                                                        {{img exchangeOrderOption.imageUrl 100 100 exchangeOrderOption.productName 'middle' '' }}
                                                    </span>
                                                </div>
                                                <div>
                                                    (수량:{{exchangeOrderOption.orderCnt}}개)
                                                    <em>{{safeString exchangeOrderOption.productName}}</em>
                                                    <div class="product-option-info__option">
                                                        <div>
                                                            {{#ifNe exchangeOrderOption.optionType 'PRODUCT_ONLY'}} {{displayNormalOption
                                                            exchangeOrderOption.optionName exchangeOrderOption.optionValue }} {{/ifNe}}
                                                        </div>
                                                        <div>{{exchangeOrderOption.userInputTextStr}}</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </dd>
                                        <dt>수령자명</dt>
                                        <dd>{{exchangeAddress.name}}</dd>
                                        <dt>배송지 주소</dt>
                                        <dd>{{exchangeAddress.addressStr}}</dd>
                                        <dt>휴대폰 번호</dt>
                                        <dd>{{exchangeAddress.contact1}}</dd>
                                        <dt>전화번호</dt>
                                        <dd>{{exchangeAddress.contact2}}</dd>
                                        <dt>배송 메시지</dt>
                                        <dd>{{#if exchangeAddress.note}}{{exchangeAddress.note}}{{else}}-{{/if}}</dd>
                                    </dl>
                                </details>
                            </section>
                            {{/if}} {{/each}}
                        </div>
                    </div>
                </exchange-shipment>

                <section class="order-detail__btn-group l-btn-group">
                    <a class="btn btn--fill-dark btn--lg" href="./order-list.html">목록 보기</a>
                </section>
            </div>
        </div>
    </div>
</main>

<main class="l-content">
    <div class="order-detail">
                    <!-- 주문 상품 -->
                    <order-product-options>
                            <section class="l-panel">
                                <div class="l-title l-title--sm l-title__align-end" slot="flattenedOrderOptions">
                                    {{#each flattenedOrderOptions}}
                                    {{#if @first}}
                                    <div>
                                        <span slot="orderYmdt">{{substring ../orderYmdt 10}}</span>
                                        <span class="order-detail__order-no">{{orderNo}}</span>
                                    </div>
                                    <div slot='canCancelAll'>
                                        {{#if ../canCancelAll}}
                                            <button type='button' class='btn btn--line-dark btn--sm' shopby-action='ALL_CANCEL'>
                                                전체 주문 취소
                                            </button>
                                        {{/if}}
                                    </div>
                                    {{/if}}
                                    {{/each}}
                                </div>
                                <div class="thumb-LIST" slot="flattenedOrderOptions">
                                    {{#each flattenedOrderOptions}}
                                    <div class="product-option-info"  slot="nextActions" shopby-order-option-count="{{../flattenedOrderOptions.length}}" shopby-order-next-action-type="{{arrayToString ../nextActions 'nextActionType'}}">
                                        <div class="product-option-info__status">
                                            <span class="highlight">
                                                {{#if claimStatusTypeLabel}}{{claimStatusTypeLabel}}{{else}}{{orderStatusTypeLabel}}{{/if}}
                                            </span>
                                            {{#if claimStatusTypeLabel}}
                                                <a
                                                class="order-detail__claim-detail"
                                                shopby-claim-no="{{claimNo}}"
                                                shopby-modal-title-prefix="{{substring claimStatusTypeLabel 2}}"
                                                shopby-action="VIEW_CLAIM_DETAIL">상세 보기</a>
                                            {{/if}}
                                            {{#each nextActions}}
                                                {{#ifEq nextActionType 'VIEW_DELIVERY'}}
                                                    <div class="product-option-info__delivery-search">
                                                        <a shopby-action="VIEW_DELIVERY" shopby-delivery-uri="{{uri}}" shopby-delivery-type="{{../delivery.deliveryType}}">배송 조회</a>
                                                    </div>
                                                {{/ifEq}}
                                            {{/each}}
                                        </div>
                                        <div class="thumb-item product-option-info__detail">
                                            <div class="thumb-item__media">
                                                <a class="thumb-item__img-box" href="/pages/product/product-detail.html?productNo={{productNo}}">
                                                    <span class="thumb-item__img">
                                                        {{img imageUrl 105 105 productName 'middle' ''}}
                                                    </span>
                                                </a>
                                            </div>
                                            <div class="thumb-item__info">
                                                <p class="product-option-info__name">
                                                    <em>
                                                        <a href='/pages/product/product-detail.html?productNo={{productNo}}' class="font-black">{{safeString productName}}</a>
                                                    </em>
                                                </p>
                                                <div class="product-option-info__option">
                                                    <div>{{#ifNe optionType 'PRODUCT_ONLY'}}
                                                    {{displayNormalOption optionName optionValue}}
                                                {{/ifNe}}</div>
                                                    {{#each inputs}}
                                                        <div>{{inputLabel}} : {{inputValue}}</div>
                                                    {{/each}}
                                                </div>
                                                <div>
                                                    <em>{{convertToKoreanCurrency price.buyAmt}}</em>원 / <em>{{orderCnt}}</em>개
                                                </div>

                                            </div>
                                        </div>
                                        <div class="next-action-btns" shopby-order-option-no="{{orderOptionNo}}" shopby-pay-type="{{../payInfo.payType}}" shopby-order-status="{{orderStatusType}}"  shopby-claim-nos="{{arrayToString ../flattenedOrderOptions 'claimNo'}}">
                                            {{#ifEqOne ../payInfo.payType 'VIRTUAL_ACCOUNT' 'ESCROW_VIRTUAL_ACCOUNT'}}
                                                {{#each nextActions}}
                                                    {{#ifEq nextActionType 'CANCEL_ALL'}}
                                                        <button type="button" class="btn btn--line-gray btn--md" shopby-order-no="{{../orderNo}}" shopby-action="CANCEL">취소신청</button>
                                                    {{/ifEq}}
                                                {{/each}}
                                            {{/ifEqOne}}
                                            {{#each nextActions}}
                                                {{#ifEq nextActionType 'CANCEL'}}
                                                    <button type="button" class="btn btn--line-gray btn--md" shopby-order-no="{{../orderNo}}" shopby-action="CANCEL">취소신청</button>
                                                {{/ifEq}}
                                                {{#ifEq nextActionType 'EXCHANGE'}}
                                                    <button type="button" class="btn btn--line-gray btn--md" shopby-action="EXCHANGE" shopby-deliverable="{{#if ../deliverable}}Y{{else}}N{{/if}}">교환신청</button>
                                                {{/ifEq}}
                                                {{#ifEq nextActionType 'RETURN'}}
                                                    <button
                                                        type="button"
                                                        class="btn btn--line-gray btn--md"
                                                        shopby-action="RETURN"
                                                        shopby-deliverable="{{#if ../deliverable}}Y{{else}}N{{/if}}"
                                                    >
                                                        반품신청
                                                    </button>
                                                {{/ifEq}}
                                                {{#ifEq nextActionType 'WITHDRAW_CANCEL'}}
                                                    <button type="button" class="btn btn--line-gray btn--md" shopby-claim-no="{{../claimNo}}" shopby-action="WITHDRAW_CANCEL">취소신청 철회</button>
                                                {{/ifEq}}
                                                {{#ifEq nextActionType 'WITHDRAW_EXCHANGE'}}
                                                    <button type="button" class="btn btn--line-gray btn--md " shopby-claim-no="{{../claimNo}}" shopby-action="WITHDRAW_EXCHANGE">교환신청 철회</button>
                                                {{/ifEq}}
                                                {{#ifEq nextActionType 'WITHDRAW_RETURN'}}
                                                    <button type="button" class="btn btn--line-gray btn--md" shopby-claim-no="{{../claimNo}}" shopby-action="WITHDRAW_RETURN">반품신청 철회</button>
                                                {{/ifEq}}
                                                {{#ifEq nextActionType 'CONFIRM_ORDER'}}
                                                    <button type="button" class="btn btn--line-gray btn--md" shopby-action="CONFIRM_ORDER">구매확정</button>
                                                {{/ifEq}}
                                                {{#ifEq nextActionType 'WRITE_REVIEW'}}
                                                    <button type="button" class="btn btn--line-gray btn--md" shopby-action="WRITE_REVIEW" shopby-product-no="{{../productNo}}"
                                                >후기작성</button>
                                                {{/ifEq}}
                                            {{/each}}
                                        </div>
                                    </div>
                                    {{/each}}
                                </div>
                            </section>
                        </script>
                    </order-product-options>
                    <!--주문자 정보 -->
                    <order-orderer shopby-page-key="order-detail">
                            <section class='l-panel'>
                                <details class='accordion' open>
                                    <summary class='accordion__title'>
                                        주문자 정보
                                    </summary>

                                    <dl slot='orderer' class='accordion__contents'>
                                        <dt>
                                            주문자명
                                        </dt>
                                        <dd>
                                            {{orderer.ordererName}}
                                        </dd>
                                        <dt>
                                            이메일
                                        </dt>
                                        <dd>
                                            {{orderer.ordererEmail}}
                                        </dd>
                                        <dt>
                                            휴대폰 번호
                                        </dt>
                                        <dd>
                                            {{orderer.ordererContact1}}
                                        </dd>
                                        <dt>
                                            전화번호
                                        </dt>
                                        <dd>
                                            {{#if orderer.contact2}}{{orderer.contact2}}{{else}}-{{/if}}
                                        </dd>
                                        <dt>
                                            주문 메모
                                        </dt>
                                        <dd slot='orderMemo'>
                                            {{#if orderMemo}}{{orderMemo}}{{else}}-{{/if}}
                                        </dd>
                                    </dl>
                                </details>
                            </section>
                    </order-orderer>
                    <!--배송지 정보-->
                    <order-shipping>
                            <section class='l-panel'>
                                <details class='accordion' open>
                                    <summary class='accordion__title'>
                                        배송지 정보
                                    </summary>
                                    <dl slot='shipping' class='accordion__contents'>
                                        <dt>
                                            받으시는 분
                                        </dt>
                                        <dd>
                                            {{shipping.receiverName}}
                                        </dd>
                                        <dt>
                                            주소
                                        </dt>
                                        <dd>
                                            ({{shipping.receiverZipCd}})
                                            {{shipping.receiverAddress}}
                                            {{shipping.receiverDetailAddress}}
                                        </dd>
                                        <dt>
                                            휴대폰 번호
                                        </dt>
                                        <dd>
                                            {{shipping.receiverContact1}}
                                        </dd>
                                        <dt>
                                            전화 번호
                                        </dt>
                                        <dd>
                                            {{#if shipping.receiverContact2}}{{shipping.receiverContact2}}{{else}}-{{/if}}
                                        </dd>

                                        <dt>
                                            배송 메모
                                        </dt>
                                        <dd>
                                            {{#if shipping.deliveryMemo}}{{shipping.deliveryMemo}}{{else}}-{{/if}}
                                        </dd>
                                    </dl>
                                </details>
                    </order-shipping>
                    <!--결제정보 -->
                    <order-payment>
                            <section class='l-panel'>
                                <div>
                                    <summary class='l-title l-title--lg'>
                                        결제 정보
                                    </summary>
                                    <dl class='accordion__contents' slot='payInfo'>
                                        <dt>
                                            결제 수단
                                        </dt>
                                        <dd slot='payTypeLabel'>
                                            {{payTypeLabel}}
                                        </dd>
                                        {{#ifEqOneOfThree payInfo.payType 'ACCOUNT' 'VIRTUAL_ACCOUNT' 'ESCROW_VIRTUAL_ACCOUNT'}}
                                            <dt>
                                                입금 은행
                                            </dt>
                                            <dd>
                                                {{payInfo.bankInfo.bankName}}
                                            </dd>
                                            <dt>
                                                입금 계좌
                                            </dt>
                                            <dd>
                                                {{payInfo.bankInfo.account}}
                                                <button
                                                    class='link order-detail__copy-btn'
                                                    shopby-action='COPY_ACCOUNT'
                                                    shopby-account='{{payInfo.bankInfo.account}}'
                                                >
                                                    계좌번호 복사
                                                </button>
                                            </dd>
                                            <dt>
                                                예금주명
                                            </dt>
                                            <dd>
                                                {{payInfo.bankInfo.depositorName}}
                                            </dd>
                                            <dt>
                                                입금 금액
                                            </dt>
                                            <dd>
                                                {{convertToKoreanCurrency payInfo.bankInfo.bankAmt}}원
                                            </dd>
                                            <dt>
                                                입금자명
                                            </dt>
                                            <dd>
                                                {{payInfo.bankInfo.remitterName}}
                                            </dd>
                                            <dt>
                                                입금 기한
                                            </dt>
                                            <dd>
                                                {{payInfo.bankInfo.paymentExpirationYmdt}}
                                                까지
                                            </dd>
                                        {{/ifEqOneOfThree}}
                                    </dl>
                                    <dl class='accordion__contents order-detail__order-amount' slot='firstOrderAmount'>
                                        <dt>
                                            상품금액 합계
                                        </dt>
                                        <dd>
                                            <em>
                                                {{convertToKoreanCurrency firstOrderAmount.standardAmt}}
                                            </em>
                                            원
                                        </dd>
                                        <dt>
                                            배송비 합계
                                        </dt>
                                        <dd>
                                            <em>
                                                +
                                                {{convertToKoreanCurrency firstOrderAmount.deliveryAmt}}
                                            </em>
                                            원
                                        </dd>
                                        {{#if firstOrderAmount.remoteDeliveryAmt}}
                                            <dt>
                                                지역별
                                                <div>배송비 합계</div>
                                            </dt>
                                            <dd>
                                                <em>
                                                    +
                                                    {{convertToKoreanCurrency firstOrderAmount.remoteDeliveryAmt}}
                                                </em>
                                                원
                                            </dd>
                                        {{/if}}
                                        <dt>
                                            할인금액 합계
                                        </dt>
                                        <dd>
                                            <em>
                                                -
                                                {{sum
                                                    firstOrderAmount.cartCouponDiscountAmt
                                                    firstOrderAmount.productCouponDiscountAmt
                                                    firstOrderAmount.additionalDiscountAmt
                                                    firstOrderAmount.immediateDiscountAmt
                                                }}
                                            </em>
                                            원
                                        </dd>
                                        <dt slot='accumulationName'>
                                            {{accumulationName}}
                                            사용
                                        </dt>
                                        <dd>
                                            <em>
                                                -
                                                {{convertToKoreanCurrency firstOrderAmount.subPayAmt}}
                                            </em>
                                            원
                                        </dd>
                                        {{#ifEqOneOfThree payInfo.payType 'ACCOUNT' 'VIRTUAL_ACCOUNT' 'ESCROW_VIRTUAL_ACCOUNT'}}
                                            {{#if payInfo.bankInfo.depositAmt}}
                                                <dt>
                                                    입금정보
                                                </dt>
                                                <dd class='order-detail__deposit-info'>
                                                    <div>입금은행 :
                                                        {{payInfo.bankInfo.bankName}}
                                                    </div>
                                                    <div>입금계좌 : {{payInfo.bankInfo.account}}</div>
                                                    <div>예금주명 : {{payInfo.bankInfo.depositorName}}</div>
                                                    <div>입금금액 : {{convertToKoreanCurrency payInfo.bankInfo.depositAmt}} 원</div>
                                                    <div>입금자명 : {{payInfo.bankInfo.remitterName}}</div>
                                                </dd>
                                            {{/if}}
                                        {{/ifEqOneOfThree}}
                                    </dl>
                                    <dl class='accordion__contents'>
                                        <dt>
                                            최종 결제 금액
                                        </dt>
                                        <dd class='order-detail__last-order-amount' slot='firstOrderAmount'>
                                            <em>
                                                <span class='highlight'>{{convertToKoreanCurrency firstOrderAmount.chargeAmt}}</span>
                                            </em>
                                            원
                                            <div class='order-detail__mileage'>
                                                구매확정 시 
                                                <em>
                                                    <span slot='accumulationAmtWhenBuyConfirm'>
                                                        {{convertToKoreanCurrency accumulationAmtWhenBuyConfirm}}
                                                    </span>
                                                    <span slot='accumulationName'>
                                                        {{accumulationName}}
                                                    </span>
                                                </em>
                                                 적립
                                            </div>
                                        </dd>
                                    </dl>
                                </div>
                            </section>
                    </order-payment>
                    <!-- 추가 결제 정보 -->
                    <additional-payment>
                            <div>
                                <div slot='additionalPayInfos'>
                                    {{#each additionalPayInfos}}
                                        <section class='l-panel'>
                                            <details class='accordion' open>
                                                <summary class='accordion__title'>
                                                    추가 결제 정보
                                                </summary>
                                                <div class='order-detail__exchange-product'>
                                                    <div class='order-detail__exchange-product-title'>
                                                        교환 출고 상품
                                                    </div>
                                                    <div class='product-option-info'>
                                                        <div class='thumb-item product-option-info__detail'>
                                                            <div class='thumb-item__media'>
                                                                <span class='thumb-item__img'>
                                                                    {{img exchangeOrderOption.imageUrl 105 105 exchangeOrderOption.productName 'middle' ''}}
                                                                </span>
                                                            </div>
                                                            <div class='thumb-item__info'>
                                                                <p class='product-option-info__name'>
                                                                    (수량:{{exchangeOrderOption.orderCnt}}개)
                                                                    <em>{{exchangeOrderOption.productName}}</em></p>
                                                                <div class='product-option-info__option'>
                                                                    <div>{{#ifNe exchangeOrderOption.optionType 'PRODUCT_ONLY'}}
                                                                            {{displayNormalOption
                                                                                exchangeOrderOption.optionName
                                                                                exchangeOrderOption.optionValue
                                                                            }}
                                                                        {{/ifNe}}</div>
                                                                    {{exchangeOrderOption.userInputTextStr}}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <dl class='accordion__contents order-detail__additional-pay-info'>
                                                    <dt>
                                                        교환 상품 금액
                                                    </dt>
                                                    <dd>
                                                        <em>{{convertToKoreanCurrency productAmtInfo.totalAmt}}</em>원
                                                    </dd>
                                                    <dt>
                                                        반품/교환 배송비
                                                    </dt>
                                                    <dd>
                                                        <em>{{convertToKoreanCurrency deliveryAmtInfo.totalAmt}}</em>원
                                                    </dd>
                                                    <dt>
                                                        차감 금액
                                                    </dt>
                                                    <dd>
                                                        <em>{{convertToKoreanCurrency subtractionAmtInfo.totalAmt}}</em>원
                                                    </dd>
                                                    <dt>
                                                        추가 결제 금액
                                                    </dt>
                                                    <dd>
                                                        <em>{{convertToKoreanCurrency exchangePayAmt}}</em>원
                                                    </dd>
                                                    <dt>
                                                        결제 수단
                                                    </dt>
                                                    <dd>
                                                        <em>{{payTypeLabel}}</em>
                                                        {{#if bankAccount}}
                                                            <div>
                                                                {{bankAccount.bankName}}
                                                                /
                                                                {{bankAccount.bankAccount}}
                                                                /
                                                                {{bankAccount.bankDepositorName}}
                                                            </div>
                                                        {{/if}}
                                                    </dd>
                                                </dl>
                                            </details>
                                        </section>
                                    {{/each}}
                                </div>
                            </div>
                    </additional-payment>

                    <!-- 반품 수거 정보 -->
                    <return-collection>
                            <div>
                                <div slot='additionalPayInfos'>
                                    {{#each additionalPayInfos}}
                                        {{#if returnAddress}}
                                            <section class='l-panel'>
                                                <details class='accordion' open>
                                                    <summary class='accordion__title'>
                                                        반품 수거 정보
                                                    </summary>
                                                    <dl class='accordion__contents'>
                                                        <dt>
                                                            반품 수거 방법
                                                        </dt>
                                                        <dd>
                                                            {{#ifEq returnWayType 'SELLER_COLLECT'}}
                                                                판매자 수거요청
                                                            {{else}}
                                                                구매자 직접반품
                                                            {{/ifEq}}
                                                        </dd>
                                                        {{#ifEq returnWayType 'BUYER_DIRECT_RETURN'}}
                                                            <dt>
                                                                반품 접수 정보
                                                            </dt>
                                                            <dd>
                                                                {{returnDeliveryCompanyTypeLabel}}
                                                                {{returnInvoiceNo}}
                                                            </dd>
                                                        {{else}}
                                                            <dt>
                                                                반품자명
                                                            </dt>
                                                            <dd>
                                                                {{returnAddress.name}}
                                                            </dd>
                                                            <dt>
                                                                수거지 주소
                                                            </dt>
                                                            <dd>
                                                                {{returnAddress.addressStr}}
                                                            </dd>
                                                            <dt>
                                                                휴대폰 번호
                                                            </dt>
                                                            <dd>
                                                                {{returnAddress.contact1}}
                                                            </dd>
                                                            <dt>
                                                                전화 번호
                                                            </dt>
                                                            <dd>
                                                                {{returnAddress.contact2}}
                                                            </dd>
                                                            <dt>
                                                                수거 시 참고사항
                                                            </dt>
                                                            <dd>
                                                                {{#if returnAddress.note}}{{returnAddress.note}}{{else}}-{{/if}}
                                                            </dd>
                                                        {{/ifEq}}
                                                        <dt>
                                                            반품 이미지
                                                        </dt>
                                                        <dd class='folding-images-by-one-row is-active'>
                                                            <ul class='folding-images-by-one-row__image-list' shopby-images='{{claimImageUrls}}'>
                                                                {{#each claimImageUrls}}
                                                                    <li
                                                                        class='folding-images-by-one-row__image-item'
                                                                        shopby-action='ZOOM_IN_IMAGE'
                                                                        shopby-image-idx='{{@index}}'
                                                                    >
                                                                        {{img this 100 100 '반품이미지' 'middle' ''}}
                                                                        <button class='folding-images-by-one-row__image-zoom-in'>
                                                                            <span class='ico ico--magnet-white-12'></span>
                                                                        </button>
                                                                    </li>
                                                                {{else}}
                                                                    -
                                                                {{/each}}
                                                            </ul>
                                                        </dd>
                                                    </dl>
                                                </details>
                                            </section>
                                        {{/if}}
                                    {{/each}}
                                </div>
                            </div>
                    </return-collection>
                    <!-- 교환 출고 정보 -->
                    <exchange-shipment>
                            <div>
                                <div slot='additionalPayInfos'>
                                    {{#each additionalPayInfos}}
                                        {{#if exchangeAddress}}
                                            <section class='l-panel'>
                                                <details class='accordion' open>
                                                    <summary class='accordion__title'>
                                                        교환 출고 정보
                                                    </summary>
                                                    <div class='order-detail__exchange-product'>
                                                        <div class='order-detail__exchange-product-title'>
                                                            교환 출고 상품
                                                        </div>
                                                        <div class='product-option-info'>
                                                            <div class='thumb-item product-option-info__detail'>
                                                                <div class='thumb-item__media'>
                                                                    <span class='thumb-item__img'>
                                                                        {{img exchangeOrderOption.imageUrl 105 105 exchangeOrderOption.productName 'middle' ''}}
                                                                    </span>
                                                                </div>
                                                                <div class='thumb-item__info'>
                                                                    <p class='product-option-info__name'>
                                                                        (수량:{{exchangeOrderOption.orderCnt}}개)
                                                                        <em>{{exchangeOrderOption.productName}}</em></p>
                                                                    <div class='product-option-info__option'>
                                                                        <div>{{#ifNe exchangeOrderOption.optionType 'PRODUCT_ONLY'}}
                                                                            {{displayNormalOption
                                                                                exchangeOrderOption.optionName
                                                                                exchangeOrderOption.optionValue
                                                                            }}
                                                                        {{/ifNe}}</div>
                                                                        {{exchangeOrderOption.userInputTextStr}}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <dl class='accordion__contents'>
                                                        <dt>
                                                            수령자명
                                                        </dt>
                                                        <dd>
                                                            {{exchangeAddress.name}}
                                                        </dd>
                                                        <dt>
                                                            배송지 주소
                                                        </dt>
                                                        <dd>
                                                            {{exchangeAddress.addressStr}}
                                                        </dd>
                                                        <dt>
                                                            휴대폰 번호
                                                        </dt>
                                                        <dd>
                                                            {{exchangeAddress.contact1}}
                                                        </dd>
                                                        <dt>
                                                            전화 번호
                                                        </dt>
                                                        <dd>
                                                            {{exchangeAddress.contact2}}
                                                        </dd>
                                                        <dt>
                                                            배송 메시지
                                                        </dt>
                                                        <dd>
                                                            {{#if exchangeAddress.note}}{{exchangeAddress.note}}{{else}}-{{/if}}
                                                        </dd>
                                                    </dl>
                                                </details>
                                            </section>
                                        {{/if}}
                                    {{/each}}
                                </div>
                            </div>
                    </exchange-shipment>

                    <!-- 환불 정보 -->
                    <order-refund>
                            <div>
                                <div slot='refundInfos'>
                                    {{#each refundInfos}}
                                        {{#ifNe refundType 'ZERO_REFUND'}}
                                            <section class='l-panel'>
                                                <details class='accordion' open>
                                                    <summary class='accordion__title'>
                                                        환불 정보
                                                    </summary>
                                                    {{#ifNe claimClassType 'ORDER_CANCEL'}}
                                                        <div class='order-detail__refund-product'>
                                                            <div class='order-detail__refund-product-title'>
                                                                환불 상품
                                                            </div>
                                                            {{#each refundOrderOptions}}
                                                                <div class='product-option-info'>
                                                                    <div class='thumb-item product-option-info__detail'>
                                                                        <div class='thumb-item__media'>
                                                                            <span class='thumb-item__img'>
                                                                                {{img imageUrl 105 105 productName 'middle' ''}}
                                                                            </span>
                                                                        </div>
                                                                        <div class='thumb-item__info'>
                                                                            <p class='product-option-info__name'>
                                                                                (환불수량:{{orderCnt}}개)
                                                                                <em>{{productName}}</em></p>
                                                                            <div class='product-option-info__option'>
                                                                                <div>{{#ifNe optionType 'PRODUCT_ONLY'}}
                                                    {{displayNormalOption optionName optionValue}}
                                                {{/ifNe}}</div>
                                                                                {{userInputTextStr}}
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            {{/each}}
                                                        </div>
                                                    {{/ifNe}}
                                                    <dl class='accordion__contents order-detail__refund-info'>
                                                        <dt>
                                                            환불 상품 금액
                                                        </dt>
                                                        <dd>
                                                            <em>{{convertToKoreanCurrency productAmtInfo.totalAmt}}</em>원
                                                        </dd>
                                                        <dt>
                                                            환불 배송비
                                                        </dt>
                                                        <dd>
                                                            <em>{{convertToKoreanCurrency deliveryAmtInfo.totalAmt}}</em>원
                                                        </dd>
                                                        <dt>
                                                            환불 차감 금액
                                                        </dt>
                                                        <dd>
                                                            <em> {{convertToKoreanCurrency subtractionAmtInfo.totalAmt}}</em>원
                                                        </dd>
                                                        <dt>
                                                            환불 적립금
                                                        </dt>
                                                        <dd>
                                                            <em>{{convertToKoreanCurrency refundSubPayAmt}}</em>원
                                                        </dd>
                                                        <dt>
                                                            환불 금액
                                                        </dt>
                                                        <dd>
                                                            <em>{{convertToKoreanCurrency refundMainPayAmt}}</em>원
                                                        </dd>
                                                        <dt>
                                                            환불 수단
                                                        </dt>
                                                        <dd>
                                                            <em>{{refundTypeLabel}}</em>
                                                            {{#if refundBankAccount.bankAccount}}
                                                                <div>
                                                                    {{refundBankAccount.bankName}}
                                                                    /
                                                                    {{refundBankAccount.bankAccount}}
                                                                    /
                                                                    {{refundBankAccount.bankDepositorName}}
                                                                </div>
                                                            {{/if}}
                                                        </dd>
                                                    </dl>
                                                </details>
                                            </section>
                                        {{/ifNe}}
                                    {{/each}}
                                </div>
                            </div>
                    </order-refund>
                    <!-- 반품 수거 정보 -->
                    <return-collection>
                            <div>
                                <div slot='refundInfos'>
                                    {{#each refundInfos}}
                                        {{#if returnAddress}}
                                            <section class='l-panel'>
                                                <details class='accordion' open>
                                                    <summary class='accordion__title'>
                                                        반품 수거 정보
                                                    </summary>
                                                    <dl class='accordion__contents'>
                                                        <dt>
                                                            반품 수거 방법
                                                        </dt>
                                                        <dd>
                                                            {{#ifEq returnWayType 'SELLER_COLLECT'}}
                                                                판매자 수거요청
                                                            {{else}}
                                                                구매자 직접반품
                                                            {{/ifEq}}
                                                        </dd>
                                                        {{#ifEq returnWayType 'BUYER_DIRECT_RETURN'}}
                                                            <dt>
                                                                반품 접수 정보
                                                            </dt>
                                                            <dd>
                                                                {{returnDeliveryCompanyTypeLabel}}
                                                                /
                                                                {{returnInvoiceNo}}
                                                            </dd>
                                                        {{else}}
                                                            <dt>
                                                                반품자명
                                                            </dt>
                                                            <dd>
                                                                {{returnAddress.name}}
                                                            </dd>
                                                            <dt>
                                                                수거지 주소
                                                            </dt>
                                                            <dd>
                                                                {{returnAddress.addressStr}}
                                                            </dd>
                                                            <dt>
                                                                휴대폰 번호
                                                            </dt>
                                                            <dd>
                                                                {{returnAddress.contact1}}
                                                            </dd>
                                                            <dt>
                                                                전화 번호
                                                            </dt>
                                                            <dd>
                                                                {{returnAddress.contact2}}
                                                            </dd>
                                                            <dt>
                                                                수거 시 참고사항
                                                            </dt>
                                                            <dd>
                                                                {{#if returnAddress.note}}{{returnAddress.note}}{{else}}-{{/if}}
                                                            </dd>
                                                        {{/ifEq}}
                                                        <dt>
                                                            반품 이미지
                                                        </dt>
                                                        <dd class='folding-images-by-one-row is-active'>
                                                            <ul class='folding-images-by-one-row__image-list' shopby-images='{{claimImageUrls}}'>
                                                                {{#each claimImageUrls}}
                                                                    <li
                                                                        class='folding-images-by-one-row__image-item'
                                                                        shopby-action='ZOOM_IN_IMAGE'
                                                                        shopby-image-idx='{{@index}}'
                                                                    >
                                                                        {{img this 100 100 '반품이미지' 'middle' ''}}
                                                                        <button class='folding-images-by-one-row__image-zoom-in'>
                                                                            <span class='ico ico--magnet-white-12'></span>
                                                                        </button>
                                                                    </li>
                                                                {{else}}
                                                                    -
                                                                {{/each}}
                                                            </ul>
                                                        </dd>
                                                    </dl>
                                                </details>
                                            </section>
                                        {{/if}}
                                    {{/each}}
                                </div>
                            </div>
                    </return-collection>
                    <!-- 교환 출고 정보 -->
                    <exchange-shipment>
                            <div>
                                <div slot='refundInfos'>
                                    {{#each refundInfos}}
                                        {{#if exchangeAddress}}
                                            <section class='l-panel'>
                                                <details class='accordion' open>
                                                    <summary class='accordion__title'>
                                                        교환 출고 정보
                                                    </summary>
                                                    <div class='order-detail__exchange-product'>
                                                        <div class='order-detail__exchange-product-title'>
                                                            교환 출고 상품
                                                        </div>
                                                        <div class='product-option-info'>
                                                            <div class='thumb-item product-option-info__detail'>
                                                                <div class='thumb-item__media'>
                                                                    <span class='thumb-item__img'>
                                                                        {{img exchangeOrderOption.imageUrl 105 105 exchangeOrderOption.productName 'middle' ''}}
                                                                    </span>
                                                                </div>
                                                                <div class='thumb-item__info'>
                                                                    <p class='product-option-info__name'>
                                                                        (수량:{{exchangeOrderOption.orderCnt}}개)
                                                                        <em>{{exchangeOrderOption.productName}}</em></p>
                                                                    <div class='product-option-info__option'>
                                                                        <div>{{#ifNe exchangeOrderOption.optionType 'PRODUCT_ONLY'}}
                                                                            {{displayNormalOption
                                                                                exchangeOrderOption.optionName
                                                                                exchangeOrderOption.optionValue
                                                                            }}
                                                                        {{/ifNe}}</div>
                                                                        {{exchangeOrderOption.userInputTextStr}}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <dl class='accordion__contents'>
                                                        <dt>
                                                            수령자명
                                                        </dt>
                                                        <dd>
                                                            {{exchangeAddress.name}}
                                                        </dd>
                                                        <dt>
                                                            배송지 주소
                                                        </dt>
                                                        <dd>
                                                            {{exchangeAddress.addressStr}}
                                                        </dd>
                                                        <dt>
                                                            휴대폰 번호
                                                        </dt>
                                                        <dd>
                                                            {{exchangeAddress.contact1}}
                                                        </dd>
                                                        <dt>
                                                            전화 번호
                                                        </dt>
                                                        <dd>
                                                            {{exchangeAddress.contact2}}
                                                        </dd>
                                                        <dt>
                                                            배송 메시지
                                                        </dt>
                                                        <dd>
                                                            {{#if exchangeAddress.note}}{{exchangeAddress.note}}{{else}}-{{/if}}
                                                        </dd>
                                                    </dl>
                                                </details>
                                            </section>
                                        {{/if}}
                                    {{/each}}
                                </div>
                            </div>
                    </exchange-shipment>

                    <section class="btn-group">
                        <a class="btn btn--fill-dark btn--lg" href="./order-list.html">목록 보기</a>
                    </section>
                </div>
</main>

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

주문자 정보

주문자명: {{orderer.ordererName}}
이메일: {{orderer.ordererEmail}}
휴대폰 번호: {{orderer.ordererContact1}}
전화번호: {{#if orderer.contact2}}{{orderer.contact2}}{{else}}-{{/if}}
주문 메모: {{#if orderMemo}}{{orderMemo}}{{else}}-{{/if}}

배송지 정보

받으시는 분: {{shipping.receiverName}}
주소: ({{shipping.receiverZipCd}}) {{shipping.receiverAddress}} {{shipping.receiverDetailAddress}}
휴대폰 번호: {{shipping.receiverContact1}}
전화 번호: {{#if shipping.receiverContact2}}{{shipping.receiverContact2}}{{else}}-{{/if}}
배송 메모: {{#if shipping.deliveryMemo}}{{shipping.deliveryMemo}}{{else}}-{{/if}}

결제 정보

결제 수단: {{payTypeLabel}}
입금 은행: {{payInfo.bankInfo.bankName}}
입금 계좌: {{payInfo.bankInfo.account}}
예금주명: {{payInfo.bankInfo.depositorName}}
입금 금액: {{convertToKoreanCurrency payInfo.bankInfo.bankAmt}}원
입금자명: {{payInfo.bankInfo.remitterName}}
입금 기한: {{payInfo.bankInfo.paymentExpirationYmdt}} 까지

상품금액 합계: {{convertToKoreanCurrency firstOrderAmount.standardAmt}} 원
배송비 합계: + {{convertToKoreanCurrency firstOrderAmount.deliveryAmt}} 원
지역별 배송비 합계: + {{convertToKoreanCurrency firstOrderAmount.remoteDeliveryAmt}} 원
할인금액 합계: - {{sum firstOrderAmount.cartCouponDiscountAmt firstOrderAmount.productCouponDiscountAmt firstOrderAmount.additionalDiscountAmt firstOrderAmount.immediateDiscountAmt }} 원
{{accumulationName}} 사용: - {{convertToKoreanCurrency firstOrderAmount.subPayAmt}} 원
입금정보: 입금은행 : {{payInfo.bankInfo.bankName}}

입금계좌 : {{payInfo.bankInfo.account}}

예금주명 : {{payInfo.bankInfo.depositorName}}

입금금액 : {{convertToKoreanCurrency payInfo.bankInfo.depositAmt}} 원

입금자명 : {{payInfo.bankInfo.remitterName}}

최종 결제 금액: {{convertToKoreanCurrency firstOrderAmount.chargeAmt}} 원
구매확정 시 {{convertToKoreanCurrency accumulationAmtWhenBuyConfirm}} {{accumulationName}} 적립

추가 결제 정보

교환 출고 상품

{{img exchangeOrderOption.imageUrl 105 105 exchangeOrderOption.productName 'middle' ''}}

(수량:{{exchangeOrderOption.orderCnt}}개) {{exchangeOrderOption.productName}}

{{#ifNe exchangeOrderOption.optionType 'PRODUCT_ONLY'}} {{displayNormalOption exchangeOrderOption.optionName exchangeOrderOption.optionValue }} {{/ifNe}}

교환 상품 금액: {{convertToKoreanCurrency productAmtInfo.totalAmt}}원
반품/교환 배송비: {{convertToKoreanCurrency deliveryAmtInfo.totalAmt}}원
차감 금액: {{convertToKoreanCurrency subtractionAmtInfo.totalAmt}}원
추가 결제 금액: {{convertToKoreanCurrency exchangePayAmt}}원
결제 수단: {{payTypeLabel}} {{#if bankAccount}}
{{bankAccount.bankName}} / {{bankAccount.bankAccount}} / {{bankAccount.bankDepositorName}}
{{/if}}

반품 수거 정보

반품 수거 방법

{{#ifEq returnWayType 'SELLER_COLLECT'}} 판매자 수거요청 {{else}} 구매자 직접반품 {{/ifEq}}

반품 접수 정보

반품자명

수거지 주소

휴대폰 번호

전화 번호

수거 시 참고사항

{{#if returnAddress.note}}{{returnAddress.note}}{{else}}-{{/if}}

반품 이미지

{{img this 100 100 '반품이미지' 'middle' ''}}

교환 출고 정보

교환 출고 상품

{{img exchangeOrderOption.imageUrl 105 105 exchangeOrderOption.productName 'middle' ''}}

(수량:{{exchangeOrderOption.orderCnt}}개) {{exchangeOrderOption.productName}}

{{#ifNe exchangeOrderOption.optionType 'PRODUCT_ONLY'}} {{displayNormalOption exchangeOrderOption.optionName exchangeOrderOption.optionValue }} {{/ifNe}}

수령자명: {{exchangeAddress.name}}
배송지 주소: {{exchangeAddress.addressStr}}
휴대폰 번호: {{exchangeAddress.contact1}}
전화 번호: {{exchangeAddress.contact2}}
배송 메시지: {{#if exchangeAddress.note}}{{exchangeAddress.note}}{{else}}-{{/if}}

환불 정보

환불 상품

(환불수량:{{orderCnt}}개) {{productName}}

환불 상품 금액: {{convertToKoreanCurrency productAmtInfo.totalAmt}}원
환불 배송비: {{convertToKoreanCurrency deliveryAmtInfo.totalAmt}}원
환불 차감 금액: {{convertToKoreanCurrency subtractionAmtInfo.totalAmt}}원
환불 적립금: {{convertToKoreanCurrency refundSubPayAmt}}원
환불 금액: {{convertToKoreanCurrency refundMainPayAmt}}원
환불 수단: {{refundTypeLabel}} {{#if refundBankAccount.bankAccount}}
{{refundBankAccount.bankName}} / {{refundBankAccount.bankAccount}} / {{refundBankAccount.bankDepositorName}}
{{/if}}

반품 수거 정보

반품 수거 방법

{{#ifEq returnWayType 'SELLER_COLLECT'}} 판매자 수거요청 {{else}} 구매자 직접반품 {{/ifEq}}

반품 접수 정보

{{returnDeliveryCompanyTypeLabel}} / {{returnInvoiceNo}}

반품자명

수거지 주소

휴대폰 번호

전화 번호

수거 시 참고사항

{{#if returnAddress.note}}{{returnAddress.note}}{{else}}-{{/if}}

반품 이미지

{{img this 100 100 '반품이미지' 'middle' ''}}

교환 출고 정보

교환 출고 상품

{{img exchangeOrderOption.imageUrl 105 105 exchangeOrderOption.productName 'middle' ''}}

(수량:{{exchangeOrderOption.orderCnt}}개) {{exchangeOrderOption.productName}}

{{#ifNe exchangeOrderOption.optionType 'PRODUCT_ONLY'}} {{displayNormalOption exchangeOrderOption.optionName exchangeOrderOption.optionValue }} {{/ifNe}}

수령자명: {{exchangeAddress.name}}
배송지 주소: {{exchangeAddress.addressStr}}
휴대폰 번호: {{exchangeAddress.contact1}}
전화 번호: {{exchangeAddress.contact2}}
배송 메시지: {{#if exchangeAddress.note}}{{exchangeAddress.note}}{{else}}-{{/if}}

목록 보기