|
|
@@ -19,387 +19,778 @@
|
|
|
<body>
|
|
|
|
|
|
<th:block layout:fragment="content">
|
|
|
- <div class="my_cont">
|
|
|
- <div class="sec_head">
|
|
|
- <h3>주문상세</h3>
|
|
|
- <div class="od_detail">
|
|
|
- (주문번호 : <span class="num" th:text="${ordNo}"></span>)
|
|
|
+ <div class="content myOrderList">
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <div class="lnb">
|
|
|
+ <div class="lnb_tit">
|
|
|
+ <h2>마이페이지</h2>
|
|
|
+ </div>
|
|
|
+ <div class="lnb_list">
|
|
|
+ <ul id="mypageLnbList"></ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <button type="button" class="btn btn_default od_del_btn" onclick="fnDeleteOrder()"><span>주문 내역 삭제</span></button>
|
|
|
- </div>
|
|
|
- <div class="sec_body">
|
|
|
- <div class="order_list" id="orderList">
|
|
|
- <section class="order_row">
|
|
|
- <th:block th:if="${orderList}" th:each="oneData, status : ${orderList}">
|
|
|
- <div class="part_deliver">
|
|
|
- <div class="tbl_tit">
|
|
|
- <!-- 주문일/선물일 설정 -->
|
|
|
- <span class="start_t" th:unless="${oneData.giftPackYn == 'Y'}">주문일</span>
|
|
|
- <span class="gift_t" th:if="${oneData.giftPackYn == 'Y'}">선물일</span>
|
|
|
- <!-- //주문일/선물일 설정 -->
|
|
|
-
|
|
|
- <span class="order_date" th:text="${oneData.ordDt}"></span>
|
|
|
-
|
|
|
- <!-- 배송구분 설정 -->
|
|
|
- <span class="order_label02" th:if="${oneData.shotDelv}">총알배송</span>
|
|
|
- <span class="order_label01" th:if="${oneData.selfMall}">STYLE24 일반배송</span>
|
|
|
- <span class="order_label01" th:if="${oneData.supplyMall}">업체직배송</span>
|
|
|
- <!-- //배송구분 설정 -->
|
|
|
-<!-- <a href="javascript:void(0)" class="detail_btn" th:attr="ordNo=${oneData.ordNo}" onclick="fnGoToOrderDetail(this)">주문상세보기</a>-->
|
|
|
+ <div class="cont">
|
|
|
+ <div class="sec_head">
|
|
|
+ <h3 class="subH1">주문상세</h3>
|
|
|
+ <span class="order_number">주문번호 : <em th:text="${ordNo}"></em></span>
|
|
|
+ <button type="button" id="btn_order_cancel" class="btn_underline" onclick="fnDeleteOrder()"><span>삭제하기</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="sec_body">
|
|
|
+ <th:block th:if="${orderList}" th:each="order, status : ${orderList}">
|
|
|
+ <div class="part_goods">
|
|
|
+ <div class="goods_head">
|
|
|
+ <p th:unless="${order.giftPackYn == 'Y'}">주문일 <span th:text="${order.ordDt}"></span></p>
|
|
|
+ <p th:if="${order.giftPackYn == 'Y'}">선물일 <span th:text="${order.ordDt}"></span></p>
|
|
|
+ <a href="javascript:void(0)" th:if="${allCanYn == 'Y'}" th:onclick="fnAllCancel(${order.ordNo})">주문전체취소</a>
|
|
|
</div>
|
|
|
- <th:block th:if="${oneData.orderList}" th:each="order, status : ${oneData.orderList}">
|
|
|
- <div class="tbl type2">
|
|
|
- <table>
|
|
|
- <colgroup>
|
|
|
- <col width="1020">
|
|
|
- <col width="180">
|
|
|
- </colgroup>
|
|
|
- <tbody>
|
|
|
- <th:block th:if="${order.ordDtlList}" th:each="ordDtl, status : ${order.ordDtlList}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
|
|
|
- <input type="hidden" name="ordDtlNo" th:value="${ordDtl.ordDtlNo}"/>
|
|
|
- <input type="hidden" name="ordDtlStat" th:value="${ordDtl.ordDtlStat}"/>
|
|
|
- <input type="hidden" name="reviewSq" th:value="${ordDtl.reviewSq}"/>
|
|
|
- <tr class="bundle_row">
|
|
|
- <td>
|
|
|
- <div class="info_item">
|
|
|
- <div class="thumb_box">
|
|
|
- <a href="">
|
|
|
- <img th:src="${imageUrl + '/' + ordDtl.sysImgNm}" width="100%" alt="">
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="info_box">
|
|
|
- <p class="od_name">
|
|
|
- <a href="">
|
|
|
- <span class="brand" th:text="${ordDtl.brandNm}"></span>
|
|
|
- <span class="name" th:text="${ordDtl.goodsNm}"></span>
|
|
|
- </a>
|
|
|
- </p>
|
|
|
- <p class="od_opt">
|
|
|
- <span class="option"><em th:text="${ordDtl.optCd1}"></em><em th:text="${ordDtl.optCd2}"></em></span>
|
|
|
- <span class="count">수량 <em th:text="${ordDtl.ordQty}"></em>개</span>
|
|
|
- </p>
|
|
|
- <button type="button" class="btn btn_dark cart_btn" onclick="fnCreateCart(this);">쇼핑백 담기</button>
|
|
|
- </div>
|
|
|
- <div class="info_calc">
|
|
|
- <p class="price">
|
|
|
- <span class="selling_price" th:text="|${#numbers.formatInteger(ordDtl.ordAmt, 1, 'COMMA')}원|"></span>
|
|
|
- </p>
|
|
|
- <p class="point"><span th:text="${#numbers.formatInteger(ordDtl.savePntAmt, 1, 'COMMA')}"></span>p</p>
|
|
|
- </div>
|
|
|
+ <div class="goods_cont">
|
|
|
+ <!-- 주문상품 -->
|
|
|
+ <th:block th:if="${order.ordDtlList}" th:each="ordDtl, status : ${order.ordDtlList}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
|
|
|
+ <div class="goods_info">
|
|
|
+ <div class="order_desc">
|
|
|
+ <div class="goods_box">
|
|
|
+ <div class="gd_item">
|
|
|
+ <a href="javascript:void(0)" th:attr="goodsCd=${ordDtl.goodsCd}" onclick="fnGoToGoodsDetail(this)">
|
|
|
+ <span class="thumb">
|
|
|
+ <img th:src="${imageUrl + '/' + ordDtl.sysImgNm}" width="100%" alt="">
|
|
|
+ </span>
|
|
|
+ <p>
|
|
|
+ <span class="brand" th:text="${ordDtl.brandNm}"></span>
|
|
|
+ <span class="tag primary" th:if="${ordDtl.shotDelvYn == 'Y'}">총알배송</span>
|
|
|
+ <span class="tag" th:if="${ordDtl.shotDelvYn == 'N' and ordDtl.selfGoodsYn == 'Y'}">STYLE24 일반배송</span>
|
|
|
+ <span class="tag" th:if="${ordDtl.selfGoodsYn == 'N'}">업체직배송</span>
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ <span class="name" th:text="${ordDtl.goodsNm}"></span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="gd_opt">
|
|
|
+ <div class="option_wrap">
|
|
|
+ <span class="title sr-only">주문 옵션</span>
|
|
|
+ <span class="option" th:text="|${ordDtl.optCd1} / ${ordDtl.optCd2}|"></span>
|
|
|
</div>
|
|
|
- </td>
|
|
|
+ </div>
|
|
|
+ <div class="gd_calc">
|
|
|
+ <p>
|
|
|
+ <span class="count"><em th:text="${ordDtl.ordQty}"></em>개</span>
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ <span class="price_org"><em th:text="${#numbers.formatInteger(ordDtl.listPrice * (ordDtl.ordQty - ordDtl.cnclRtnQty), 1, 'COMMA')}"></em>원</span>
|
|
|
+ <span class="price_sale"><em th:text="${#numbers.formatInteger(ordDtl.ordAmt - ordDtl.cnclRtnAmt, 1, 'COMMA')}"></em>원</span>
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ <span class="point"><em th:text="${#numbers.formatInteger(ordDtl.savePntAmt, 1, 'COMMA')}"></em><stong>P</stong> 적립예정</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="status_box">
|
|
|
+ <!-- 선물 -->
|
|
|
+ <th:block th:if="${order.giftPackYn == 'Y'}">
|
|
|
+ <p th:if="${#strings.isEmpty(ordDtl.recipBaseAddr) and ordDtl.giftLimitDay >= 0}">주소 입력 대기중</p>
|
|
|
+ <p th:if="${!#strings.isEmpty(ordDtl.recipBaseAddr) and ordDtl.ordDtlStat != 'G013_98' and ordDtl.ordDtlStat != 'G013_99'}">선물 완료</p>
|
|
|
+ <p th:if="${ordDtl.ordDtlStat == 'G013_98' or ordDtl.ordDtlStat == 'G013_99'}">선물 취소</p>
|
|
|
+ </th:block>
|
|
|
<!-- 주문 -->
|
|
|
- <td class="merge_row" th:unless="${oneData.giftPackYn == 'Y'}">
|
|
|
- <div class="delivery">
|
|
|
- <p class="dlvr_staus" th:text="${ordDtl.ordDtlStatNm}"></p>
|
|
|
- <p class="dlvr_desc" th:if="${ordDtl.delvEddt}" th:text="|${ordDtl.delvEddt}일 도착|"></p>
|
|
|
- </div>
|
|
|
- <div class="tbl_btn_wrap case02">
|
|
|
- <button type="button" class="btn btn_default btn_sm" onclick="fnCreateExchange(this, 'exchange');"><span>교환</span></button>
|
|
|
- <button type="button" class="btn btn_default btn_sm" onclick="fnCreateCancel(this, 'cancel');"><span>반품/취소</span></button>
|
|
|
-<!-- <button type="button" class="btn btn_default btn_sm" th:if="${ordDtl.reviewSq == 0}" th:attr="ordNo=${oneData.ordNo}" onclick="fnCreateReview(this);"><span>리뷰작성</span></button>-->
|
|
|
- <button type="button" class="btn btn_default btn_sm" th:if="${!order.review}" th:attr="ordNo=${oneData.ordNo}" onclick="fnCreateReview(this);"><span>리뷰작성</span></button>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td class="merge_row" th:if="${oneData.giftPackYn == 'Y' and #strings.isEmpty(ordDtl.recipBaseAddr)}">
|
|
|
- <div class="delivery">
|
|
|
- <p class="dlvr_staus c_primary">주소 입력 대기</p>
|
|
|
- <p class="dlvr_desc" th:text="|남은 기간 ${ordDtl.giftLimitDay}일|"></p>
|
|
|
- <p class="dlvr_desc" th:text="|(${ordDtl.giftLimitDt}까지)|"></p>
|
|
|
- </div>
|
|
|
- <div class="tbl_btn_wrap case02">
|
|
|
- <button type="button" class="btn btn_dark btn_sm" onclick="fnReSendSms(this);"><span>SMS 재전송</span></button>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td class="merge_row" th:if="${oneData.giftPackYn == 'Y' and !#strings.isEmpty(ordDtl.recipBaseAddr)}">
|
|
|
- <div class="delivery">
|
|
|
- <p class="dlvr_staus c_primary">선물 완료</p>
|
|
|
- <p class="dlvr_desc" th:text="|(${ordDtl.giftCompleteDt})|"></p>
|
|
|
- </div>
|
|
|
- <div class="tbl_btn_wrap case02">
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
+ <th:block th:unless="${order.giftPackYn == 'Y'}">
|
|
|
+ <p th:text="${ordDtl.ordDtlStatNm}"></p>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ <div class="button_box">
|
|
|
+ <!-- 선물 -->
|
|
|
+ <th:block th:if="${order.giftPackYn == 'Y'}">
|
|
|
+ <!-- SMS 재발송 버튼 -->
|
|
|
+ <th:block th:if="${#strings.isEmpty(ordDtl.recipBaseAddr) and ordDtl.giftLimitDay >= 0}">
|
|
|
+ <p><button type="button" class="btn btn_default btn_sm" th:attr="ordNo=${ordDtl.ordNo}" onclick="fnReSendSms(this);"><span>SMS 재발송</span></button></p>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <!-- 리뷰 쓰기 버튼 -->
|
|
|
+ <th:block th:if="${!#strings.isEmpty(ordDtl.recipBaseAddr) and ordDtl.ordDtlStat != 'G013_98' and ordDtl.ordDtlStat != 'G013_99' and ordDtl.reviewableYn == 'Y' and ordDtl.reviewSq == null}">
|
|
|
+ <p><button type="button" class="btn btn_primary_line btn_sm" th:attr="ordNo=${ordDtl.ordNo}" onclick="fnCreateReview(this);"><span>리뷰 쓰기</span></button></p>
|
|
|
+ </th:block>
|
|
|
+ </th:block>
|
|
|
+ <!-- 주문 -->
|
|
|
+ <th:block th:unless="${order.giftPackYn == 'Y'}">
|
|
|
+ <!-- 주문취소 버튼(입금대기, 결제완료, 상품준비중, 출고처지정, 배송준비중) -->
|
|
|
+ <th:block th:if="${ordDtl.ordDtlStat == 'G013_10' or ordDtl.ordDtlStat == 'G013_20' or ordDtl.ordDtlStat == 'G013_30' or ordDtl.ordDtlStat == 'G013_35' or ordDtl.ordDtlStat == 'G013_40'}">
|
|
|
+ <p><button type="button" class="btn btn_default btn_sm" th:attr="ordNo=${ordDtl.ordNo}, ordDtlNo=${ordDtl.ordDtlNo}" onclick="fnCreateChange(this, 'cancel');"><span>주문 취소</span></button></p>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <!-- 교환/반품 신청 버튼(배송중, 출고완료, 배송완료) -->
|
|
|
+ <th:block th:if="${ordDtl.ordDtlStat == 'G013_50' or ordDtl.ordDtlStat == 'G013_55' or ordDtl.ordDtlStat == 'G013_60'}">
|
|
|
+ <!-- 교환/반품 가능한 상품 -->
|
|
|
+ <th:block th:if="${ordDtl.changeableYn == 'Y' and ordDtl.returnableYn == 'Y'}">
|
|
|
+ <p><button type="button" class="btn btn_default btn_sm" th:attr="ordNo=${ordDtl.ordNo}, ordDtlNo=${ordDtl.ordDtlNo}, supplyCompCd=${ordDtl.supplyCompCd}" onclick="fnCreateChange(this, 'exchange');"><span>교환 신청</span></button></p>
|
|
|
+ <p><button type="button" class="btn btn_default btn_sm" th:attr="ordNo=${ordDtl.ordNo}, ordDtlNo=${ordDtl.ordDtlNo}, supplyCompCd=${ordDtl.supplyCompCd}" onclick="fnCreateChange(this, 'return');"><span>반품 신청</span></button></p>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <!-- 교환 신청 불가 상품 -->
|
|
|
+ <th:block th:if="${ordDtl.changeableYn == 'N' and ordDtl.returnableYn == 'Y'}">
|
|
|
+ <p><button type="button" class="btn btn_default btn_sm" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA);"><span>1:1 문의</span></button></p>
|
|
|
+ <p><button type="button" class="btn btn_default btn_sm" th:attr="ordNo=${ordDtl.ordNo}, ordDtlNo=${ordDtl.ordDtlNo}, supplyCompCd=${ordDtl.supplyCompCd}" onclick="fnCreateChange(this, 'return');"><span>반품 신청</span></button></p>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <!-- 반품 신청 불가 상품 -->
|
|
|
+ <th:block th:if="${ordDtl.changeableYn == 'Y' and ordDtl.returnableYn == 'N'}">
|
|
|
+ <p><button type="button" class="btn btn_default btn_sm" th:attr="ordNo=${ordDtl.ordNo}, ordDtlNo=${ordDtl.ordDtlNo}, supplyCompCd=${ordDtl.supplyCompCd}" onclick="fnCreateChange(this, 'exchange');"><span>교환 신청</span></button></p>
|
|
|
+ <p><button type="button" class="btn btn_default btn_sm" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA);"><span>1:1 문의</span></button></p>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <!-- 교환/반품 신청 불가 상품 -->
|
|
|
+ <th:block th:if="${ordDtl.changeableYn == 'N' and ordDtl.returnableYn == 'N'}">
|
|
|
+ <p><button type="button" class="btn btn_default btn_sm" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA);"><span>1:1 문의</span></button></p>
|
|
|
+ </th:block>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <!-- 배송조회 버튼(배송중) -->
|
|
|
+ <th:block th:if="${ordDtl.ordDtlStat == 'G013_50' or ordDtl.ordDtlStat == 'G013_55'}">
|
|
|
+ <p><button type="button" class="btn btn_default btn_sm" th:attr="ordNo=${ordDtl.ordNo}, ordDtlNo=${ordDtl.ordDtlNo}" onclick="fnGoToDelivery(this);"><span>배송 조회</span></button></p>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <!-- 구매확정 버튼(배송완료) -->
|
|
|
+ <th:block th:if="${ordDtl.ordDtlStat == 'G013_60'}">
|
|
|
+ <p><button type="button" class="btn btn_primary_line btn_sm" th:attr="ordNo=${ordDtl.ordNo}, ordDtlNo=${ordDtl.ordDtlNo}" onclick="fnDecideOrder(this);"><span>구매 확정</span></button></p>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <!-- 리뷰작성 버튼(구매확정) -->
|
|
|
+ <th:block th:if="${ordDtl.ordDtlStat == 'G013_70' and ordDtl.reviewableYn == 'Y' and ordDtl.reviewSq == null}">
|
|
|
+ <p><button type="button" class="btn btn_primary_line btn_sm" th:attr="ordNo=${ordDtl.ordNo}" onclick="fnCreateReview(this);"><span>리뷰 쓰기</span></button></p>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <!-- 쇼핑백담기 버튼(구매확정) -->
|
|
|
+ <th:block th:if="${ordDtl.ordDtlStat == 'G013_70'}">
|
|
|
+ <p><button type="button" class="btn btn_default btn_sm" th:attr="ordNo=${ordDtl.ordNo}, ordDtlNo=${ordDtl.ordDtlNo}" onclick="fnCreateCart(this);"><span>쇼핑백 담기</span></button></p>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <!-- 1:1문의 버튼(구매확정) -->
|
|
|
+ <th:block th:if="${ordDtl.ordDtlStat == 'G013_70' and (ordDtl.reviewableYn == 'N' or ordDtl.reviewSq > 0)}">
|
|
|
+ <p><button type="button" class="btn btn_default btn_sm" onclick="cfnGoToPage(_PAGE_ONETOONE_QNA);"><span>1:1 문의</span></button></p>
|
|
|
+ </th:block>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 선물 -->
|
|
|
+ <th:block th:if="${order.giftPackYn == 'Y'}">
|
|
|
+ <!-- 주소 입력 대기중 -->
|
|
|
+ <div class="order_text" th:if="${#strings.isEmpty(ordDtl.recipBaseAddr) and ordDtl.giftLimitDay >= 0}">
|
|
|
+ <p th:text="|${ordDtl.recipNm}님이 주소를 입력하기 전입니다. (입력기한 ${ordDtl.giftLimitDt})|"></p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 선물 완료 -->
|
|
|
+ <div class="order_text" th:if="${!#strings.isEmpty(ordDtl.recipBaseAddr) and ordDtl.ordDtlStat != 'G013_98' and ordDtl.ordDtlStat != 'G013_99'}">
|
|
|
+ <p th:text="|${ordDtl.recipNm}님께 선물이 발송되었습니다.|"></p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 선물 취소 -->
|
|
|
+ <div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_98' and ordDtl.ordDtlStat == 'G013_99'}">
|
|
|
+ <p th:text="|주소 입력 기한이 경과되어 선물이 취소 되었습니다.|"></p>
|
|
|
+ </div>
|
|
|
</th:block>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <!-- 주문 -->
|
|
|
- <th:block th:unless="${oneData.giftPackYn == 'Y'}">
|
|
|
- <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_00' or order.ordDtlStat == 'G013_10' or order.ordDtlStat == 'G013_11'}">
|
|
|
- <span class="cf_txt">주문 완료 / 결제를 기다리고 있습니다.</span>
|
|
|
- </div>
|
|
|
- <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_20' or order.ordDtlStat == 'G013_30' or order.ordDtlStat == 'G013_35'}">
|
|
|
- <span class="cf_txt">배송할 상품을 준비 중입니다.</span>
|
|
|
- </div>
|
|
|
- <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_40'}">
|
|
|
- <span class="cf_txt">상품준비가 완료되어 곧 배송될 예정입니다.</span>
|
|
|
- </div>
|
|
|
- <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_50' or order.ordDtlStat == 'G013_55'}">
|
|
|
- <span class="cf_txt" th:text="|${order.shipCompNm} / ${order.invoiceNo}|"></span>
|
|
|
- <button type="button" class="btn btn_primary" th:attr="ordNo=${oneData.ordNo}, invoiceNo=${order.invoiceNo}, shipCompCd=${order.shipCompCd}" onclick="fnGetDeliveryInfo(this)">배송조회</button>
|
|
|
- </div>
|
|
|
- <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_60'}">
|
|
|
- <span class="cf_txt" th:text="|${order.purchaseConfirmDay}일 후 자동으로 구매확정|"></span>
|
|
|
- <button type="button" class="btn btn_primary" onclick="fnDecideOrder(this);">구매확정 하기</button>
|
|
|
- </div>
|
|
|
- <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_70' and order.reviewSq == 0}">
|
|
|
- <span class="cf_txt">리뷰를 작성하면 다른 구매자에게 도움이 될 수 있습니다.</span>
|
|
|
- <button type="button" class="btn btn_primary" banner="banner" onclick="fnCreateReview(this, 'Y');">리뷰작성</button>
|
|
|
- </div>
|
|
|
- <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_70' and order.reviewSq > 0}">
|
|
|
- <span class="cf_txt">주문내역 다시 구매하기 위해</span>
|
|
|
- <button type="button" class="btn btn_primary" onclick="fnCreateCart(this, 'Y');">장바구니 담기</button>
|
|
|
- </div>
|
|
|
- </th:block>
|
|
|
+
|
|
|
+ <!-- 주문 -->
|
|
|
+ <th:block th:unless="${order.giftPackYn == 'Y'}">
|
|
|
+ <!-- 주문 접수 -->
|
|
|
+ <div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_10'}">
|
|
|
+ <p>주문이 완료되어 결제를 기다리고 있습니다.</p>
|
|
|
|
|
|
- <!-- 선물 -->
|
|
|
- <th:block th:if="${oneData.giftPackYn == 'Y'}">
|
|
|
- <div class="order_confirm" th:if="${#strings.isEmpty(order.recipBaseAddr) and order.giftLimitDay >= 0}">
|
|
|
- <span class="cf_txt" th:text="|${order.recipNm}님이 주소를 입력하기 전입니다. (입력기한 ${order.giftLimitDt})|"></span>
|
|
|
- </div>
|
|
|
- <div class="order_confirm" th:unless="${#strings.isEmpty(order.recipBaseAddr)}">
|
|
|
- <span class="cf_txt" th:text="|${order.recipNm}님께 선물이 발송되었습니다.|"></span>
|
|
|
- </div>
|
|
|
- <div class="order_confirm" th:if="${#strings.isEmpty(order.recipBaseAddr) and order.giftLimitDay < 0}">
|
|
|
- <span class="cf_txt">주소입력 기한이 경과되어 선물이 취소 되었습니다.</span>
|
|
|
+ <!-- 예약 상품 -->
|
|
|
+ <p th:if="${!#strings.isEmpty(ordDtl.recipBaseAddr)}" th:text="|예약판매 상품으로${ordDtl.delvResDt} 출고 예정입니다.|"></p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 상품준비중 -->
|
|
|
+ <div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_30'}">
|
|
|
+ <p>배송할 상품을 준비 중입니다.</p>
|
|
|
+
|
|
|
+ <!-- 예약 상품 -->
|
|
|
+ <p th:if="${!#strings.isEmpty(ordDtl.recipBaseAddr)}" th:text="|예약판매 상품으로${ordDtl.delvResDt} 출고 예정입니다.|"></p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 배송준비중 -->
|
|
|
+ <div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_40'}">
|
|
|
+ <p>상품 준비가 완료되어 곧 배송될 예정입니다.</p>
|
|
|
+
|
|
|
+ <!-- 예약 상품 -->
|
|
|
+ <p th:if="${!#strings.isEmpty(ordDtl.recipBaseAddr)}" th:text="|예약판매 상품으로${ordDtl.delvResDt} 출고 예정입니다.|"></p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 배송중, 배송완료 -->
|
|
|
+ <div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_50' or ordDtl.ordDtlStat == 'G013_55' or ordDtl.ordDtlStat == 'G013_60'}">
|
|
|
+ <p th:if="${ordDtl.changeableYn == 'N' and ordDtl.returnableYn == 'Y'}">해당 상품은 교환이 불가능한 상품입니다. 문의사항은 1:1문의를 이용해주세요.</p>
|
|
|
+ <p th:if="${ordDtl.changeableYn == 'Y' and ordDtl.returnableYn == 'N'}">해당 상품은 반품이 불가능한 상품입니다. 문의사항은 1:1문의를 이용해주세요.</p>
|
|
|
+ <p th:if="${ordDtl.changeableYn == 'N' and ordDtl.returnableYn == 'N'}">해당 상품은 교환/반품이 불가능한 상품입니다. 문의사항은 1:1문의를 이용해주세요.</p>
|
|
|
+ <p th:if="${ordDtl.ordDtlStat == 'G013_60'}">15일 후 자동으로 구매확정됩니다.</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 구매확정 -->
|
|
|
+ <div class="order_text" th:if="${ordDtl.ordDtlStat == 'G013_70' and ordDtl.reviewableYn == 'Y' and ordDtl.reviewSq == null}">
|
|
|
+ <p>리뷰를 작성하면 다른 구매자에게 도움이 될 수 있습니다.</p>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
</div>
|
|
|
</th:block>
|
|
|
- </th:block>
|
|
|
+ <!-- //주문상품 -->
|
|
|
+ </div>
|
|
|
+ <div class="goods_foot" th:if="${order.freeGiftList != null and order.freeGiftList.length > 0}">
|
|
|
+ <div class="order_gift">
|
|
|
+ <span class="title">사은품</span>
|
|
|
+ <ul>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</th:block>
|
|
|
-
|
|
|
- <!-- 주문 없을 때 -->
|
|
|
- <th:block th:unless="${orderList}" th:each="oneData, status : ${orderList}">
|
|
|
-
|
|
|
- </th:block>
|
|
|
- </section>
|
|
|
- <section class="order_row" th:if="${paymentInfo.payMeans == 'G014_20'}">
|
|
|
- <div class="order_tit">
|
|
|
- <h3 class="subH3">무통장 입금 정보</h3>
|
|
|
+ <h4 class="subH3">무통장 입금 정보</h4>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="210">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody><tr>
|
|
|
+ <th>
|
|
|
+ 계좌정보/입금기한
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="single_line">
|
|
|
+ <ul>
|
|
|
+ <li><span>기업은행</span> <span>(홍길동)</span></li>
|
|
|
+ <li><span>123-45678-91234</span></li>
|
|
|
+ <li><span>2020.01.18</span> <span>12:00:00</span> 까지</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody></table>
|
|
|
</div>
|
|
|
- <div class="tbl type1 row_tbl">
|
|
|
+ <h4 class="subH3">주문자/배송지 정보</h4>
|
|
|
+ <div class="tbl type1">
|
|
|
<table>
|
|
|
<colgroup>
|
|
|
+ <col width="210">
|
|
|
<col width="*">
|
|
|
</colgroup>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <td>
|
|
|
+ <tbody><tr>
|
|
|
+ <th>
|
|
|
+ 주문 고객
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="single_line">
|
|
|
+ <ul>
|
|
|
+ <li><span>홍길동</span></li>
|
|
|
+ <li><span>abcdefg@naver.com</span></li>
|
|
|
+ <li><span>010-3456-7890</span></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 배송지 정보
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="block_line">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <span>홍길동</span>
|
|
|
+ <span class="tag">기본 배송지</span>
|
|
|
+ <span class="tag primary_line">총알배송</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>010-3456-7890</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>서울시 영등포구 은행로 11, 8층 (여의도동, 일신빌딩)</span><button type="button" class="btn btn_default btn_sm"><span>배송지 변경</span></button>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 배송요청 사항 : <span>직접 받고 부재 시 문 앞</span><button type="button" class="btn_underline"><span>변경하기</span></button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody></table>
|
|
|
+ </div>
|
|
|
+ <h4 class="subH3">결제정보</h4>
|
|
|
+ <div class="tbl type6">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="50%">
|
|
|
+ <col width="50%">
|
|
|
+ </colgroup>
|
|
|
+ <tbody><tr>
|
|
|
+ <td>
|
|
|
+ <dl>
|
|
|
<div>
|
|
|
- <span th:text="${paymentInfo.vaBank}"></span>(<span th:text="${paymentInfo.vaNm}"></span>)
|
|
|
+ <dt>총 주문금액 (상품금액+배송비+추가비용)</dt>
|
|
|
+ <dd>
|
|
|
+ <div class="price">
|
|
|
+ <span class="order_total_price"><em>3,546,200</em>원</span>
|
|
|
+ </div>
|
|
|
+ </dd>
|
|
|
</div>
|
|
|
- <div>
|
|
|
- <span th:text="${paymentInfo.vaNo}"></span>
|
|
|
+ <div class="include_item"> <!-- 할인항목 표기 class명 include_item -->
|
|
|
+ <dt>상품할인(즉시할인)</dt>
|
|
|
+ <dd><em>-123,456,789</em>원</dd>
|
|
|
+ </div>
|
|
|
+ <div class="include_item">
|
|
|
+ <dt>다다익선 할인</dt>
|
|
|
+ <dd><em>-123,456,789</em>원</dd>
|
|
|
+ </div>
|
|
|
+ <div class="include_item">
|
|
|
+ <dt>쿠폰할인</dt>
|
|
|
+ <dd><em>-123,456,789</em>원</dd>
|
|
|
+ </div>
|
|
|
+ <div class="include_item">
|
|
|
+ <dt>선포인트 할인</dt>
|
|
|
+ <dd><em>-123,456,789</em>원</dd>
|
|
|
+ </div>
|
|
|
+ <div class="include_item">
|
|
|
+ <dt>포인트 사용</dt>
|
|
|
+ <dd><em>-123,456,789</em>원</dd>
|
|
|
+ </div>
|
|
|
+ <div class="include_item">
|
|
|
+ <dt>상품권 사용</dt>
|
|
|
+ <dd><em>-123,456,789</em>원</dd>
|
|
|
</div>
|
|
|
+ <div class="include_item">
|
|
|
+ <dt>마일리지 사용</dt>
|
|
|
+ <dd><em>-123,456,789</em>원</dd>
|
|
|
+ </div>
|
|
|
+ <div class="include_item">
|
|
|
+ <dt>제휴할인</dt>
|
|
|
+ <dd><em>-123,456,789</em>원</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <dl>
|
|
|
<div>
|
|
|
- <span th:text="${paymentInfo.vaDeadlineYmd}"></span><span th:text="${paymentInfo.vaDeadlineHms}"></span> 까지
|
|
|
+ <dt>결제 금액</dt>
|
|
|
+ <dd>
|
|
|
+ <div class="price">
|
|
|
+ <span class="pay_total_price"><em>3,546,200</em>원</span>
|
|
|
+ </div>
|
|
|
+ </dd>
|
|
|
</div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <section class="order_row">
|
|
|
- <div class="order_tit">
|
|
|
- <h3 class="subH3">주문 고객</h3>
|
|
|
- </div>
|
|
|
- <div class="tbl type1 row_tbl">
|
|
|
- <table>
|
|
|
- <colgroup>
|
|
|
- <col width="*">
|
|
|
- </colgroup>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <td>
|
|
|
<div>
|
|
|
- <span th:text="${orderInfo.ordNm}"></span>
|
|
|
+ <dt class="sr-only">결제방법</dt>
|
|
|
+ <dd>
|
|
|
+ 신용카드(현대카드) / 일시불
|
|
|
+ </dd>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <span th:text="${orderInfo.ordEmail}"></span>
|
|
|
+ <dt class="sr-only">영수증 확인</dt>
|
|
|
+ <dd>
|
|
|
+ <button type="button" class="btn btn_default btn_sm"><span>신용카드 전표</span>
|
|
|
+ </button><button type="button" class="btn btn_default btn_sm"><span>현금 영수증</span>
|
|
|
+ </button><button type="button" class="btn btn_default btn_sm"><span>상품권 현금 영수증 신청</span>
|
|
|
+ </button></dd>
|
|
|
</div>
|
|
|
+ </dl>
|
|
|
+ <dl>
|
|
|
<div>
|
|
|
- <span th:text="${orderInfo.ordPhnno}"></span>
|
|
|
+ <dt>적립 예정 포인트</dt>
|
|
|
+ <dd>
|
|
|
+ <span class="save_point"><em>123,456,789P</em></span>
|
|
|
+ </dd>
|
|
|
</div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <section class="order_row">
|
|
|
- <div class="order_tit">
|
|
|
- <h3 class="subH3">배송지 정보</h3>
|
|
|
- </div>
|
|
|
- <div class="tbl type1 row_tbl">
|
|
|
- <table>
|
|
|
- <colgroup>
|
|
|
- <col width="*">
|
|
|
- </colgroup>
|
|
|
- <tbody>
|
|
|
- <tr th:if="${deliveryAddrInfo.recipNm}">
|
|
|
- <td th:text="${deliveryAddrInfo.recipNm}"><span class="sr-only">배송지명</span></td>
|
|
|
- </tr>
|
|
|
- <tr th:if="${${deliveryAddrInfo.recipBaseAddr}}">
|
|
|
- <td th:text="|${deliveryAddrInfo.recipBaseAddr} ${deliveryAddrInfo.recipDtlAddr}|"><span class="sr-only">배송 주소</span></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td th:text="${deliveryAddrInfo.recipPhnno}"><span class="sr-only">휴대폰 번호</span></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>
|
|
|
- <span class="tit c_primary">배송요청 사항</span>
|
|
|
- <th:block th:text="${deliveryAddrInfo.delvMemo}"></th:block>
|
|
|
- <button type="button" class="btn_popup" id="btn_rqstModify_pop" onclick="fnChangeDelvMemo();"><span>변경하기</span></button>
|
|
|
+ </dl>
|
|
|
</td>
|
|
|
</tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
+ </tbody></table>
|
|
|
</div>
|
|
|
- </section>
|
|
|
- <section class="order_row">
|
|
|
- <div class="order_tit">
|
|
|
- <h3 class="subH3">결제정보</h3>
|
|
|
+ <div class="btn_footer_area">
|
|
|
+ <button type="button" class="btn btn_dark btn_md"><span>확인</span></button>
|
|
|
</div>
|
|
|
- <div class="order_amount">
|
|
|
- <div class="tbl type3">
|
|
|
- <table>
|
|
|
- <colgroup>
|
|
|
- <col width="33.33%">
|
|
|
- <col width="33.33%">
|
|
|
- <col width="*">
|
|
|
- </colgroup>
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th>
|
|
|
- <dl>
|
|
|
- <dt>총 주문금액</dt>
|
|
|
- <dd class="price" th:text="|${#numbers.formatInteger(orderAmtInfo.ordAmt + orderAmtInfo.delvFee, 1, 'COMMA')}원|"></dd>
|
|
|
- </dl>
|
|
|
- <i class="ico_calc minus"></i>
|
|
|
- </th>
|
|
|
- <th>
|
|
|
- <dl>
|
|
|
- <dt>총 할인금액</dt>
|
|
|
- <dd class="price" th:text="|- ${#numbers.formatInteger(orderAmtInfo.totalDcAmt, 1, 'COMMA')}원|"></dd>
|
|
|
- </dl>
|
|
|
- <i class="ico_calc result"></i>
|
|
|
- </th>
|
|
|
- <th>
|
|
|
- <dl>
|
|
|
- <dt>결제금액</dt>
|
|
|
- <dd class="price" data-weight="price" data-font="lato">
|
|
|
- <span class="oder_total_price" th:text="${#numbers.formatInteger(orderAmtInfo.realOrdAmt, 1, 'COMMA')}"></span>원
|
|
|
- </dd>
|
|
|
- </dl>
|
|
|
- </th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <td>
|
|
|
- <dl>
|
|
|
- <div>
|
|
|
- <dt>상품금액</dt>
|
|
|
- <dd th:text="|${#numbers.formatInteger(orderAmtInfo.ordAmt, 1, 'COMMA')}원|"></dd>
|
|
|
- </div>
|
|
|
- <div th:if="${orderAmtInfo.delvFee > 0}">
|
|
|
- <dt>배송비</dt>
|
|
|
- <dd th:text="|${#numbers.formatInteger(orderAmtInfo.delvFee, 1, 'COMMA')}원|"></dd>
|
|
|
- </div>
|
|
|
- </dl>
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- <dl>
|
|
|
- <div th:if="${orderAmtInfo.cpn1DcAmt > 0}">
|
|
|
- <dt>상품 할인(즉시 할인)</dt>
|
|
|
- <dd th:text="|- ${#numbers.formatInteger(orderAmtInfo.cpn1DcAmt, 1, 'COMMA')}원|"></dd>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="my_cont">
|
|
|
+ <div class="sec_head">
|
|
|
+ <h3>주문상세</h3>
|
|
|
+ <div class="od_detail">
|
|
|
+ (주문번호 : <span class="num" th:text="${ordNo}"></span>)
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn btn_default od_del_btn" onclick="fnDeleteOrder()"><span>주문 내역 삭제</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="sec_body">
|
|
|
+ <div class="order_list" id="orderList">
|
|
|
+ <section class="order_row">
|
|
|
+ <th:block th:if="${orderList}" th:each="oneData, status : ${orderList}">
|
|
|
+ <div class="part_deliver">
|
|
|
+ <div class="tbl_tit">
|
|
|
+ <!-- 주문일/선물일 설정 -->
|
|
|
+ <span class="start_t" th:unless="${oneData.giftPackYn == 'Y'}">주문일</span>
|
|
|
+ <span class="gift_t" th:if="${oneData.giftPackYn == 'Y'}">선물일</span>
|
|
|
+ <!-- //주문일/선물일 설정 -->
|
|
|
+
|
|
|
+ <span class="order_date" th:text="${oneData.ordDt}"></span>
|
|
|
+
|
|
|
+ <!-- 배송구분 설정 -->
|
|
|
+ <span class="order_label02" th:if="${oneData.shotDelv}">총알배송</span>
|
|
|
+ <span class="order_label01" th:if="${oneData.selfMall}">STYLE24 일반배송</span>
|
|
|
+ <span class="order_label01" th:if="${oneData.supplyMall}">업체직배송</span>
|
|
|
+ <!-- //배송구분 설정 -->
|
|
|
+ <!-- <a href="javascript:void(0)" class="detail_btn" th:attr="ordNo=${oneData.ordNo}" onclick="fnGoToOrderDetail(this)">주문상세보기</a>-->
|
|
|
+ </div>
|
|
|
+ <th:block th:if="${oneData.orderList}" th:each="order, status : ${oneData.orderList}">
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="1020">
|
|
|
+ <col width="180">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <th:block th:if="${order.ordDtlList}" th:each="ordDtl, status : ${order.ordDtlList}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
|
|
|
+ <input type="hidden" name="ordDtlNo" th:value="${ordDtl.ordDtlNo}"/>
|
|
|
+ <input type="hidden" name="ordDtlStat" th:value="${ordDtl.ordDtlStat}"/>
|
|
|
+ <input type="hidden" name="reviewSq" th:value="${ordDtl.reviewSq}"/>
|
|
|
+ <tr class="bundle_row">
|
|
|
+ <td>
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img th:src="${imageUrl + '/' + ordDtl.sysImgNm}" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand" th:text="${ordDtl.brandNm}"></span>
|
|
|
+ <span class="name" th:text="${ordDtl.goodsNm}"></span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option"><em th:text="${ordDtl.optCd1}"></em><em th:text="${ordDtl.optCd2}"></em></span>
|
|
|
+ <span class="count">수량 <em th:text="${ordDtl.ordQty}"></em>개</span>
|
|
|
+ </p>
|
|
|
+ <button type="button" class="btn btn_dark cart_btn" onclick="fnCreateCart(this);">쇼핑백 담기</button>
|
|
|
+ </div>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price" th:text="|${#numbers.formatInteger(ordDtl.ordAmt, 1, 'COMMA')}원|"></span>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span th:text="${#numbers.formatInteger(ordDtl.savePntAmt, 1, 'COMMA')}"></span>p</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <!-- 주문 -->
|
|
|
+ <td class="merge_row" th:unless="${oneData.giftPackYn == 'Y'}">
|
|
|
+ <div class="delivery">
|
|
|
+ <p class="dlvr_staus" th:text="${ordDtl.ordDtlStatNm}"></p>
|
|
|
+ <p class="dlvr_desc" th:if="${ordDtl.delvEddt}" th:text="|${ordDtl.delvEddt}일 도착|"></p>
|
|
|
+ </div>
|
|
|
+ <div class="tbl_btn_wrap case02">
|
|
|
+ <button type="button" class="btn btn_default btn_sm" onclick="fnCreateExchange(this, 'exchange');"><span>교환</span></button>
|
|
|
+ <button type="button" class="btn btn_default btn_sm" onclick="fnCreateCancel(this, 'cancel');"><span>반품/취소</span></button>
|
|
|
+ <!-- <button type="button" class="btn btn_default btn_sm" th:if="${ordDtl.reviewSq == 0}" th:attr="ordNo=${oneData.ordNo}" onclick="fnCreateReview(this);"><span>리뷰작성</span></button>-->
|
|
|
+ <button type="button" class="btn btn_default btn_sm" th:if="${!order.review}" th:attr="ordNo=${oneData.ordNo}" onclick="fnCreateReview(this);"><span>리뷰작성</span></button>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row" th:if="${oneData.giftPackYn == 'Y' and #strings.isEmpty(ordDtl.recipBaseAddr)}">
|
|
|
+ <div class="delivery">
|
|
|
+ <p class="dlvr_staus c_primary">주소 입력 대기</p>
|
|
|
+ <p class="dlvr_desc" th:text="|남은 기간 ${ordDtl.giftLimitDay}일|"></p>
|
|
|
+ <p class="dlvr_desc" th:text="|(${ordDtl.giftLimitDt}까지)|"></p>
|
|
|
+ </div>
|
|
|
+ <div class="tbl_btn_wrap case02">
|
|
|
+ <button type="button" class="btn btn_dark btn_sm" onclick="fnReSendSms(this);"><span>SMS 재전송</span></button>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row" th:if="${oneData.giftPackYn == 'Y' and !#strings.isEmpty(ordDtl.recipBaseAddr)}">
|
|
|
+ <div class="delivery">
|
|
|
+ <p class="dlvr_staus c_primary">선물 완료</p>
|
|
|
+ <p class="dlvr_desc" th:text="|(${ordDtl.giftCompleteDt})|"></p>
|
|
|
+ </div>
|
|
|
+ <div class="tbl_btn_wrap case02">
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </th:block>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <!-- 주문 -->
|
|
|
+ <th:block th:unless="${oneData.giftPackYn == 'Y'}">
|
|
|
+ <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_00' or order.ordDtlStat == 'G013_10' or order.ordDtlStat == 'G013_11'}">
|
|
|
+ <span class="cf_txt">주문 완료 / 결제를 기다리고 있습니다.</span>
|
|
|
</div>
|
|
|
- <div th:if="${orderAmtInfo.tmtb1DcAmt + orderAmtInfo.tmtb2DcAmt > 0}">
|
|
|
- <dt>다다익선 할인</dt>
|
|
|
- <dd th:text="|- ${#numbers.formatInteger(orderAmtInfo.tmtb1DcAmt + orderAmtInfo.tmtb2DcAmt, 1, 'COMMA')}원|"></dd>
|
|
|
+ <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_20' or order.ordDtlStat == 'G013_30' or order.ordDtlStat == 'G013_35'}">
|
|
|
+ <span class="cf_txt">배송할 상품을 준비 중입니다.</span>
|
|
|
</div>
|
|
|
- <div th:if="${orderAmtInfo.cartCpnDcAmt + orderAmtInfo.goodsCpnDcAmt > 0}">
|
|
|
- <dt>쿠폰 할인</dt>
|
|
|
- <dd th:text="|- ${#numbers.formatInteger(orderAmtInfo.cartCpnDcAmt + orderAmtInfo.goodsCpnDcAmt, 1, 'COMMA')}원|">- 30,000원</dd>
|
|
|
+ <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_40'}">
|
|
|
+ <span class="cf_txt">상품준비가 완료되어 곧 배송될 예정입니다.</span>
|
|
|
</div>
|
|
|
- <div th:if="${orderAmtInfo.prePntDcAmt > 0}">
|
|
|
- <dt>선 포인트 할인</dt>
|
|
|
- <dd th:text="|- ${#numbers.formatInteger(orderAmtInfo.prePntDcAmt, 1, 'COMMA')}원|"></dd>
|
|
|
+ <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_50' or order.ordDtlStat == 'G013_55'}">
|
|
|
+ <span class="cf_txt" th:text="|${order.shipCompNm} / ${order.invoiceNo}|"></span>
|
|
|
+ <button type="button" class="btn btn_primary" th:attr="ordNo=${oneData.ordNo}, invoiceNo=${order.invoiceNo}, shipCompCd=${order.shipCompCd}" onclick="fnGetDeliveryInfo(this)">배송조회</button>
|
|
|
</div>
|
|
|
- <div th:if="${orderAmtInfo.pntDcAmt > 0}">
|
|
|
- <dt>포인트 사용</dt>
|
|
|
- <dd th:text="|- ${#numbers.formatInteger(orderAmtInfo.pntDcAmt, 1, 'COMMA')}원|"></dd>
|
|
|
+ <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_60'}">
|
|
|
+ <span class="cf_txt" th:text="|${order.purchaseConfirmDay}일 후 자동으로 구매확정|"></span>
|
|
|
+ <button type="button" class="btn btn_primary" onclick="fnDecideOrder(this);">구매확정 하기</button>
|
|
|
</div>
|
|
|
- <div th:if="${orderAmtInfo.gfcdUseAmt > 0}">
|
|
|
- <dt>상품권 사용</dt>
|
|
|
- <dd th:text="|- ${#numbers.formatInteger(orderAmtInfo.gfcdUseAmt, 1, 'COMMA')}원|"></dd>
|
|
|
+ <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_70' and order.reviewSq == 0}">
|
|
|
+ <span class="cf_txt">리뷰를 작성하면 다른 구매자에게 도움이 될 수 있습니다.</span>
|
|
|
+ <button type="button" class="btn btn_primary" banner="banner" onclick="fnCreateReview(this, 'Y');">리뷰작성</button>
|
|
|
</div>
|
|
|
- <!--
|
|
|
- <div th:if="${}">
|
|
|
- <dt>마일리지 사용</dt>
|
|
|
- <dd></dd>
|
|
|
+ <div class="order_confirm" th:if="${order.ordDtlStat == 'G013_70' and order.reviewSq > 0}">
|
|
|
+ <span class="cf_txt">주문내역 다시 구매하기 위해</span>
|
|
|
+ <button type="button" class="btn btn_primary" onclick="fnCreateCart(this, 'Y');">장바구니 담기</button>
|
|
|
</div>
|
|
|
- <div th:if="${}">
|
|
|
- <dt>제휴 할인</dt>
|
|
|
- <dd></dd>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <!-- 선물 -->
|
|
|
+ <th:block th:if="${oneData.giftPackYn == 'Y'}">
|
|
|
+ <div class="order_confirm" th:if="${#strings.isEmpty(order.recipBaseAddr) and order.giftLimitDay >= 0}">
|
|
|
+ <span class="cf_txt" th:text="|${order.recipNm}님이 주소를 입력하기 전입니다. (입력기한 ${order.giftLimitDt})|"></span>
|
|
|
</div>
|
|
|
- -->
|
|
|
- </dl>
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- <dl>
|
|
|
- <div th:if="${orderAmtInfo.savePntAmt > 0}">
|
|
|
- <dt>적립 예정 포인트</dt>
|
|
|
- <dd th:text="|${#numbers.formatInteger(orderAmtInfo.savePntAmt, 1, 'COMMA')}P|"></dd>
|
|
|
+ <div class="order_confirm" th:unless="${#strings.isEmpty(order.recipBaseAddr)}">
|
|
|
+ <span class="cf_txt" th:text="|${order.recipNm}님께 선물이 발송되었습니다.|"></span>
|
|
|
</div>
|
|
|
- <div>
|
|
|
- <dt>결제방법</dt>
|
|
|
- <dd>
|
|
|
- <!-- TODO -->
|
|
|
- <!-- Style24 간편결제 처리 (STYLE24 간편결제 : STYLE24 간편결제명 / 카드사명 / 할부개월(일시불)) -->
|
|
|
- <!-- 실시간계좌이체, 무통장입금 현금영수증 신청여부 추가 -->
|
|
|
- <!-- 네이버페이 처리 (네이버 페이 : 네이버 페이) -->
|
|
|
- <!-- 카카오페이 처리 (카카오 페이 : 카카오 페이) -->
|
|
|
- <!-- PAYCO 처리 (PAYCO : PAYCO) -->
|
|
|
- <span class="paymethod" th:if="${paymentInfo.payMeans == 'G014_10'}" th:text="|실시간계좌이체|"></span>
|
|
|
- <span class="paymethod" th:if="${paymentInfo.payMeans == 'G014_20'}" th:text="|무통장입금|"></span>
|
|
|
- <span class="paymethod" th:if="${paymentInfo.payMeans == 'G014_30'}" th:text="|${paymentInfo.cardNm}/${paymentInfo.cardMips}|"></span>
|
|
|
- <span class="paymethod" th:if="${paymentInfo.payMeans == 'G014_60'}">휴대폰결제</span>
|
|
|
- </dd>
|
|
|
+ <div class="order_confirm" th:if="${#strings.isEmpty(order.recipBaseAddr) and order.giftLimitDay < 0}">
|
|
|
+ <span class="cf_txt">주소입력 기한이 경과되어 선물이 취소 되었습니다.</span>
|
|
|
</div>
|
|
|
- <th:block th:if="${paymentInfo.pgGb == 'KCP'}">
|
|
|
- <!-- 신용카드 결제시 -->
|
|
|
- <div th:if="${paymentInfo.payMeans == 'G014_30'}">
|
|
|
- <dt> </dt>
|
|
|
- <dd>
|
|
|
- <button type="button" class="btn btn_default" onclick="fnReceipt('card');"><span>신용카드 전표</span></button>
|
|
|
- </dd>
|
|
|
+ </th:block>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+ <!-- 주문 없을 때 -->
|
|
|
+ <th:block th:unless="${orderList}" th:each="oneData, status : ${orderList}">
|
|
|
+
|
|
|
+ </th:block>
|
|
|
+ </section>
|
|
|
+ <section class="order_row" th:if="${paymentInfo.payMeans == 'G014_20'}">
|
|
|
+ <div class="order_tit">
|
|
|
+ <h3 class="subH3">무통장 입금 정보</h3>
|
|
|
+ </div>
|
|
|
+ <div class="tbl type1 row_tbl">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <div>
|
|
|
+ <span th:text="${paymentInfo.vaBank}"></span>(<span th:text="${paymentInfo.vaNm}"></span>)
|
|
|
</div>
|
|
|
- <!-- //무통장 결제시 -->
|
|
|
- <!-- 무통장 결제시 -->
|
|
|
- <div th:if="${paymentInfo.payMeans == 'G014_10' or paymentInfo.payMeans == 'G014_20'}">
|
|
|
- <dt> </dt>
|
|
|
- <dd>
|
|
|
- <button type="button" class="btn btn_default" onclick="fnReceipt('cash');"><span>현금영수증</span></button>
|
|
|
- </dd>
|
|
|
+ <div>
|
|
|
+ <span th:text="${paymentInfo.vaNo}"></span>
|
|
|
</div>
|
|
|
- <!-- //무통장 결제시 -->
|
|
|
- </th:block>
|
|
|
- <th:block th:unless="${paymentInfo.pgGb == 'KCP'}">
|
|
|
- <dt></dt>
|
|
|
- <dd>NPAY등의 대체결제수단으로 결제시 해당 결제 플롯폼에서 영수증 확인이 가능합니다.</dd>
|
|
|
- </th:block>
|
|
|
- </dl>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
+ <div>
|
|
|
+ <span th:text="${paymentInfo.vaDeadlineYmd}"></span><span th:text="${paymentInfo.vaDeadlineHms}"></span> 까지
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <section class="order_row">
|
|
|
+ <div class="order_tit">
|
|
|
+ <h3 class="subH3">주문 고객</h3>
|
|
|
+ </div>
|
|
|
+ <div class="tbl type1 row_tbl">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <div>
|
|
|
+ <span th:text="${orderInfo.ordNm}"></span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span th:text="${orderInfo.ordEmail}"></span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span th:text="${orderInfo.ordPhnno}"></span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <section class="order_row">
|
|
|
+ <div class="order_tit">
|
|
|
+ <h3 class="subH3">배송지 정보</h3>
|
|
|
+ </div>
|
|
|
+ <div class="tbl type1 row_tbl">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr th:if="${deliveryAddrInfo.recipNm}">
|
|
|
+ <td th:text="${deliveryAddrInfo.recipNm}"><span class="sr-only">배송지명</span></td>
|
|
|
+ </tr>
|
|
|
+ <tr th:if="${${deliveryAddrInfo.recipBaseAddr}}">
|
|
|
+ <td th:text="|${deliveryAddrInfo.recipBaseAddr} ${deliveryAddrInfo.recipDtlAddr}|"><span class="sr-only">배송 주소</span></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td th:text="${deliveryAddrInfo.recipPhnno}"><span class="sr-only">휴대폰 번호</span></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <span class="tit c_primary">배송요청 사항</span>
|
|
|
+ <th:block th:text="${deliveryAddrInfo.delvMemo}"></th:block>
|
|
|
+ <button type="button" class="btn_popup" id="btn_rqstModify_pop" onclick="fnChangeDelvMemo();"><span>변경하기</span></button>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <section class="order_row">
|
|
|
+ <div class="order_tit">
|
|
|
+ <h3 class="subH3">결제정보</h3>
|
|
|
+ </div>
|
|
|
+ <div class="order_amount">
|
|
|
+ <div class="tbl type3">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="33.33%">
|
|
|
+ <col width="33.33%">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ <dl>
|
|
|
+ <dt>총 주문금액</dt>
|
|
|
+ <dd class="price" th:text="|${#numbers.formatInteger(orderAmtInfo.ordAmt + orderAmtInfo.delvFee, 1, 'COMMA')}원|"></dd>
|
|
|
+ </dl>
|
|
|
+ <i class="ico_calc minus"></i>
|
|
|
+ </th>
|
|
|
+ <th>
|
|
|
+ <dl>
|
|
|
+ <dt>총 할인금액</dt>
|
|
|
+ <dd class="price" th:text="|- ${#numbers.formatInteger(orderAmtInfo.totalDcAmt, 1, 'COMMA')}원|"></dd>
|
|
|
+ </dl>
|
|
|
+ <i class="ico_calc result"></i>
|
|
|
+ </th>
|
|
|
+ <th>
|
|
|
+ <dl>
|
|
|
+ <dt>결제금액</dt>
|
|
|
+ <dd class="price" data-weight="price" data-font="lato">
|
|
|
+ <span class="oder_total_price" th:text="${#numbers.formatInteger(orderAmtInfo.realOrdAmt, 1, 'COMMA')}"></span>원
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>상품금액</dt>
|
|
|
+ <dd th:text="|${#numbers.formatInteger(orderAmtInfo.ordAmt, 1, 'COMMA')}원|"></dd>
|
|
|
+ </div>
|
|
|
+ <div th:if="${orderAmtInfo.delvFee > 0}">
|
|
|
+ <dt>배송비</dt>
|
|
|
+ <dd th:text="|${#numbers.formatInteger(orderAmtInfo.delvFee, 1, 'COMMA')}원|"></dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <dl>
|
|
|
+ <div th:if="${orderAmtInfo.cpn1DcAmt > 0}">
|
|
|
+ <dt>상품 할인(즉시 할인)</dt>
|
|
|
+ <dd th:text="|- ${#numbers.formatInteger(orderAmtInfo.cpn1DcAmt, 1, 'COMMA')}원|"></dd>
|
|
|
+ </div>
|
|
|
+ <div th:if="${orderAmtInfo.tmtb1DcAmt + orderAmtInfo.tmtb2DcAmt > 0}">
|
|
|
+ <dt>다다익선 할인</dt>
|
|
|
+ <dd th:text="|- ${#numbers.formatInteger(orderAmtInfo.tmtb1DcAmt + orderAmtInfo.tmtb2DcAmt, 1, 'COMMA')}원|"></dd>
|
|
|
+ </div>
|
|
|
+ <div th:if="${orderAmtInfo.cartCpnDcAmt + orderAmtInfo.goodsCpnDcAmt > 0}">
|
|
|
+ <dt>쿠폰 할인</dt>
|
|
|
+ <dd th:text="|- ${#numbers.formatInteger(orderAmtInfo.cartCpnDcAmt + orderAmtInfo.goodsCpnDcAmt, 1, 'COMMA')}원|">- 30,000원</dd>
|
|
|
+ </div>
|
|
|
+ <div th:if="${orderAmtInfo.prePntDcAmt > 0}">
|
|
|
+ <dt>선 포인트 할인</dt>
|
|
|
+ <dd th:text="|- ${#numbers.formatInteger(orderAmtInfo.prePntDcAmt, 1, 'COMMA')}원|"></dd>
|
|
|
+ </div>
|
|
|
+ <div th:if="${orderAmtInfo.pntDcAmt > 0}">
|
|
|
+ <dt>포인트 사용</dt>
|
|
|
+ <dd th:text="|- ${#numbers.formatInteger(orderAmtInfo.pntDcAmt, 1, 'COMMA')}원|"></dd>
|
|
|
+ </div>
|
|
|
+ <div th:if="${orderAmtInfo.gfcdUseAmt > 0}">
|
|
|
+ <dt>상품권 사용</dt>
|
|
|
+ <dd th:text="|- ${#numbers.formatInteger(orderAmtInfo.gfcdUseAmt, 1, 'COMMA')}원|"></dd>
|
|
|
+ </div>
|
|
|
+ <!--
|
|
|
+ <div th:if="${}">
|
|
|
+ <dt>마일리지 사용</dt>
|
|
|
+ <dd></dd>
|
|
|
+ </div>
|
|
|
+ <div th:if="${}">
|
|
|
+ <dt>제휴 할인</dt>
|
|
|
+ <dd></dd>
|
|
|
+ </div>
|
|
|
+ -->
|
|
|
+ </dl>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <dl>
|
|
|
+ <div th:if="${orderAmtInfo.savePntAmt > 0}">
|
|
|
+ <dt>적립 예정 포인트</dt>
|
|
|
+ <dd th:text="|${#numbers.formatInteger(orderAmtInfo.savePntAmt, 1, 'COMMA')}P|"></dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>결제방법</dt>
|
|
|
+ <dd>
|
|
|
+ <!-- TODO -->
|
|
|
+ <!-- Style24 간편결제 처리 (STYLE24 간편결제 : STYLE24 간편결제명 / 카드사명 / 할부개월(일시불)) -->
|
|
|
+ <!-- 실시간계좌이체, 무통장입금 현금영수증 신청여부 추가 -->
|
|
|
+ <!-- 네이버페이 처리 (네이버 페이 : 네이버 페이) -->
|
|
|
+ <!-- 카카오페이 처리 (카카오 페이 : 카카오 페이) -->
|
|
|
+ <!-- PAYCO 처리 (PAYCO : PAYCO) -->
|
|
|
+ <span class="paymethod" th:if="${paymentInfo.payMeans == 'G014_10'}" th:text="|실시간계좌이체|"></span>
|
|
|
+ <span class="paymethod" th:if="${paymentInfo.payMeans == 'G014_20'}" th:text="|무통장입금|"></span>
|
|
|
+ <span class="paymethod" th:if="${paymentInfo.payMeans == 'G014_30'}" th:text="|${paymentInfo.cardNm}/${paymentInfo.cardMips}|"></span>
|
|
|
+ <span class="paymethod" th:if="${paymentInfo.payMeans == 'G014_60'}">휴대폰결제</span>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <th:block th:if="${paymentInfo.pgGb == 'KCP'}">
|
|
|
+ <!-- 신용카드 결제시 -->
|
|
|
+ <div th:if="${paymentInfo.payMeans == 'G014_30'}">
|
|
|
+ <dt> </dt>
|
|
|
+ <dd>
|
|
|
+ <button type="button" class="btn btn_default" onclick="fnReceipt('card');"><span>신용카드 전표</span></button>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <!-- //무통장 결제시 -->
|
|
|
+ <!-- 무통장 결제시 -->
|
|
|
+ <div th:if="${paymentInfo.payMeans == 'G014_10' or paymentInfo.payMeans == 'G014_20'}">
|
|
|
+ <dt> </dt>
|
|
|
+ <dd>
|
|
|
+ <button type="button" class="btn btn_default" onclick="fnReceipt('cash');"><span>현금영수증</span></button>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <!-- //무통장 결제시 -->
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${paymentInfo.pgGb == 'KCP'}">
|
|
|
+ <dt></dt>
|
|
|
+ <dd>NPAY등의 대체결제수단으로 결제시 해당 결제 플롯폼에서 영수증 확인이 가능합니다.</dd>
|
|
|
+ </th:block>
|
|
|
+ </dl>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
</div>
|
|
|
- </section>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<script src="/ux/plugins/gaga/gaga.paging.js"></script>
|
card007
