Aurora Modules

주문 완료

주문 완료페이지 상단에 노출되는 주문 완료 모듈입니다.

URL: pages/order/order-complete.html?deliverable={deliverable}&orderSheetNo={orderSheetNo}&orderNo={orderNo}&PayType={PayType}&result={result}

모듈명: order-complete-top원본소스

주문 완료 상단 모듈입니다

사용 가능 변수

변수명	타입	기본값	설명
orderNo	string	-	주문번호
ordererName	string	-	주문자명

모듈명: 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	-	배송지 지번(지역추가배송비계산 시 사용)
receiverName	string	-	수령자 명
customsIdNumber	string	-	개인고유통관부호
countryCd	string	-	국가코드
receiverZipCd	string	-	배송지 우편 번호
receiverDetailAddress	string	-	배송지 상세 주소
receiverContact1	string	-	연락처1
receiverContact2	string	-	연락처2
deliveryMemo	string	-	배송지 메모
addressNo	number	-	배송지 번호(0:신규, 0이상:이전배송지)

모듈명: order-payment원본소스

결제 정보 모듈입니다.

속성

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

사용 가능 변수

변수명	타입	기본값	설명
payTypeLabel	string	-	결제수단라벨
accumulationName	string	-	적립금명
accumulationAmtWhenBuyConfirm	number	0	구매확정 시 적립예정 적립금
payInfo	PayInfo	-	결제정보 (아래 타입 참조)
firstOrderAmount	FirstOrderAmount	-	최초주문금액정보 (아래 타입 참조)
lastOrderAmount	LastOrderAmount	-	최종주문금액정보 (아래 타입 참조)

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	결제금액

커스텀 핸들바 더 알아보기

:query 속성 더 알아보기

<main class="l-page">
    <div class="order-complete">
        <!--주문완료 상단-->
        <order-complete-top>
            <section class="notice order-complete__message">
                <h1>주문완료</h1>
                <span class="sprite-image notice--success"></span>
                <div class="order-complete__message-success">
                    <em>주문이 정상적으로 완료되었습니다.</em>
                </div>
                <p class="notice__description--center" slot="ordererName">{{ordererName}} 고객님의 주문하신 결제가 완료되었습니다.</p>
                <div slot="orderNo" class="order-complete__order-no">
                    <span class="order-complete__order-no-label">주문번호</span>
                    {{orderNo}}
                </div>
            </section>
        </order-complete-top>
        <!--주문내역-->
        <order-product-options>
            <section class="l-panel">
                <details class="accordion" open>
                    <summary class="accordion__title">
                        <div class="order-complete__product-table-tit">
                            주문상품 확인
                            <div class="order-complete__product-table-amt">
                                <span slot="flattenedOrderOptions">
                                    <em class="highlight bold">{{flattenedOrderOptions.length}}</em>
                                    개
                                </span>
                                <span slot="lastOrderAmount">
                                    <em class="highlight bold">{{convertToKoreanCurrency lastOrderAmount.chargeAmt}}</em>
                                    원
                                </span>
                            </div>
                        </div>
                    </summary>
                    <div class="accordion__items">
                        <div slot="flattenedOrderOptions">
                            <table class="l-table">
                                <colgroup>
                                    <!-- 상품명/옵션 -->
                                    <col />
                                    <!-- 수량 -->
                                    <col style="width: 10%" />
                                    <!-- 상품금액 -->
                                    <col style="width: 10%" />
                                    <!-- 할인/적립 -->
                                    <col style="width: 13%" />
                                    <!-- 합계금액 -->
                                    <col style="width: 10%" />
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th>상품/옵션</th>
                                        <th>수량</th>
                                        <th>상품금액</th>
                                        <th>할인/적립</th>
                                        <th>합계금액</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {{#each flattenedOrderOptions}}
                                    <tr>
                                        <!-- 상품/옵션 정보 -->
                                        <td 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>
                                                <div>
                                                    <em>{{safeString productName}}</em>
                                                </div>

                                                <div>
                                                    <div>{{#ifNe optionType 'PRODUCT_ONLY'}} {{displayNormalOption optionName optionValue}} {{/ifNe}}</div>
                                                    {{#each inputs}}
                                                    <div>{{safeString inputLabel}} : {{safeString inputValue}}</div>
                                                    {{/each}}
                                                </div>
                                            </div>
                                        </td>
                                        <!-- 수량 -->
                                        <td>
                                            <em>{{orderCnt}}</em>
                                        </td>
                                        <!--  상품금액 -->
                                        <td>
                                            <em>{{convertToKoreanCurrency price.standardAmt}}</em>
                                            원
                                        </td>
                                        <!-- 할인/적립 -->
                                        <td>
                                            <div>
                                                <span class="highlight">할인</span>
                                                :
                                                <em>{{calcMultiplyPrice price.immediateDiscountAmt orderCnt}}</em>
                                                원
                                            </div>
                                            <div>
                                                적립 :
                                                <em>{{convertToKoreanCurrency accumulationAmt}}</em>
                                                원
                                            </div>
                                        </td>
                                        <!-- 합계금액 -->
                                        <td>
                                            <em>{{convertToKoreanCurrency price.buyAmt}}</em>
                                            원
                                        </td>
                                    </tr>
                                    {{/each}}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </details>
            </section>
        </order-product-options>
        <!--주문자 정보 -->
        <order-orderer shopby-page-key="order-complete">
            <section class="l-panel">
                <details class="accordion" open>
                    <summary class="accordion__title">주문자 정보</summary>
                    <dl class="l-dl dl-border order-complete__orderer" 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" 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}}</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="lastOrderAmount">
                    <dt>상품금액 합계</dt>
                    <dd>
                        <em>{{convertToKoreanCurrency lastOrderAmount.standardAmt}}</em>
                        원
                    </dd>
                    <dt>배송비 합계</dt>
                    <dd>
                        <em>+ {{convertToKoreanCurrency lastOrderAmount.deliveryAmt}}</em>
                        원
                    </dd>
                    {{#if lastOrderAmount.remoteDeliveryAmt}}
                    <dt>지역별 배송비 합계</dt>
                    <dd>
                        <em>+ {{convertToKoreanCurrency lastOrderAmount.remoteDeliveryAmt}}</em>
                        원
                    </dd>
                    {{/if}}
                    <dt>할인금액 합계</dt>
                    <dd>
                        <em class="highlight">
                            - {{sum lastOrderAmount.cartCouponDiscountAmt lastOrderAmount.productCouponDiscountAmt lastOrderAmount.additionalDiscountAmt
                            lastOrderAmount.immediateDiscountAmt }}
                        </em>
                        원
                    </dd>
                    <dt slot="accumulationName">{{accumulationName}} 사용</dt>
                    <dd>
                        <em>- {{convertToKoreanCurrency lastOrderAmount.subPayAmt}}</em>
                        원
                    </dd>
                </dl>
                <dl class="l-dl dl-border">
                    <dt>최종 결제 금액</dt>
                    <dd>
                        <em slot="lastOrderAmount" class="highlight">{{convertToKoreanCurrency lastOrderAmount.chargeAmt}}</em>
                        원
                        <span class="order-complete__mileage">
                            구매확정 시 
                            <em>
                                <span slot="accumulationAmtWhenBuyConfirm">{{convertToKoreanCurrency accumulationAmtWhenBuyConfirm}}</span>
                            </em>
                            <span slot="accumulationName">{{accumulationName}} 지급</span>
                        </span>
                    </dd>
                </dl>
            </section>
        </order-payment>
        <!-- 버튼 -->
        <section class="l-btn-group l-btn-group__gap">
            <a class="btn btn--fill-dark btn--lg" shopby-action="GO_ORDER_LIST">주문내역 조회</a>
            <a class="btn btn--fill-point btn--lg" href="/">계속 쇼핑하기</a>
        </section>
    </div>
</main>

<main class="l-content">
    <div class="order-complete">
        <!--주문완료 상단-->
        <order-complete-top>
            <section class="notice order-complete__message">
                <h1 class="a11y">주문완료</h1>
                <span class="sprite-image notice--success"></span>
                <div class="order-complete__message-success">
                    <em>주문이 정상적으로 완료되었습니다.</em>
                </div>
                <p class="order-complete__message-orderer notice__description--center" slot="ordererName">
                    {{ordererName}} 고객님의 주문하신 결제가 완료되었습니다.
                </p>
                <div slot="orderNo" class="order-complete__order-no">
                    <span class="order-complete__order-no-label">주문번호</span>
                    {{orderNo}}
                </div>
            </section>
        </order-complete-top>
        <!--주문상품 확인-->
        <order-product-options>
            <section class="l-panel order-complete__product">
                <details class="accordion" open>
                    <summary class="accordion__title">
                        <div class="order-complete__product-title">
                            주문상품 확인
                            <div class="order-complete__product-amt">
                                <span slot="flattenedOrderOptions">
                                    <em class="highlight">{{flattenedOrderOptions.length}}</em>
                                    개
                                </span>
                                <span slot="lastOrderAmount">
                                    <em class="highlight">{{convertToKoreanCurrency lastOrderAmount.chargeAmt}}</em>
                                    원
                                </span>
                            </div>
                        </div>
                    </summary>
                    <div>
                        <div class="thumb-LIST" slot="flattenedOrderOptions">
                            {{#each flattenedOrderOptions}}
                            <div class="product-option-info">
                                <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>{{productName}}</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>
                            {{/each}}
                        </div>
                    </div>
                </details>
            </section>
        </order-product-options>
        <!--주문자 정보 -->
        <order-orderer shopby-page-key="order-complete">
            <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>
            </section>
        </order-shipping>
        <!--결제정보 -->
        <order-payment>
            <section class="l-panel">
                <summary class="l-title">결제 정보</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-complete__order-amount" slot="lastOrderAmount">
                    <dt>상품금액 합계</dt>
                    <dd>
                        <em>{{convertToKoreanCurrency lastOrderAmount.standardAmt}}</em>
                        원
                    </dd>
                    <dt>배송비 합계</dt>
                    <dd>
                        <em>+ {{convertToKoreanCurrency lastOrderAmount.deliveryAmt}}</em>
                        원
                    </dd>
                    {{#if lastOrderAmount.remoteDeliveryAmt}}
                    <dt>
                        지역별
                        <div>배송비 합계</div>
                    </dt>
                    <dd>
                        <em>+ {{convertToKoreanCurrency lastOrderAmount.remoteDeliveryAmt}}</em>
                        원
                    </dd>
                    {{/if}}
                    <dt>할인금액 합계</dt>
                    <dd>
                        <em class="highlight">
                            - {{sum lastOrderAmount.cartCouponDiscountAmt lastOrderAmount.productCouponDiscountAmt lastOrderAmount.additionalDiscountAmt
                            lastOrderAmount.immediateDiscountAmt }}
                        </em>
                        원
                    </dd>
                    <dt slot="accumulationName">{{accumulationName}} 사용</dt>
                    <dd>
                        <em>- {{convertToKoreanCurrency lastOrderAmount.subPayAmt}}</em>
                        원
                    </dd>
                </dl>
                <dl class="accordion__contents">
                    <dt>최종 결제 금액</dt>
                    <dd class="order-complete__last-order-amount" slot="lastOrderAmount">
                        <em>
                            <span class="highlight">{{convertToKoreanCurrency lastOrderAmount.chargeAmt}}</span>
                        </em>
                        원
                        <div class="order-complete__mileage">
                            구매확정 시 
                            <em>
                                <span slot="accumulationAmtWhenBuyConfirm">{{convertToKoreanCurrency accumulationAmtWhenBuyConfirm}}</span>
                                <span slot="accumulationName">{{accumulationName}}</span>
                            </em>
                             지급
                        </div>
                    </dd>
                </dl>
            </section>
        </order-payment>
        <section class="btn-group">
            <a class="btn btn--fill-dark btn--lg" shopby-action="GO_ORDER_LIST">주문내역 조회</a>
            <a class="btn btn--fill-point btn--lg" href="/">계속 쇼핑하기</a>
        </section>
    </div>
</main>

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