|
|
@@ -0,0 +1,566 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org"
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
+ layout:decorator="web/common/layout/MypageLayoutWeb">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : MypageOrderListFormWeb.html
|
|
|
+ * @desc : 마이페이지 > 주문확인/배송조회 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2021 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.02.04 card007 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<body>
|
|
|
+
|
|
|
+<th:block layout:fragment="content">
|
|
|
+ <div class="my_cont">
|
|
|
+ <div class="sec_head">
|
|
|
+ <h3 class="mem_name"><strong>홍길동</strong>님 반갑습니다.</h3>
|
|
|
+ <div class="mem_info clear">
|
|
|
+ <div class="mem_rank">
|
|
|
+ <div class="rank_icon vip">V</div>
|
|
|
+ <div class="rank_txt01">VIP</div>
|
|
|
+ <div class="rank_txt02">
|
|
|
+ <a href="">등급혜택 보기</a>
|
|
|
+ <a href="">등급쿠폰 다운</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mem_box">
|
|
|
+ <div class="mem_coupon">
|
|
|
+ <p class="tit">보유쿠폰 / <span class="c_primary">만료예정</span></p>
|
|
|
+ <span class="coupon_txt01"><span class="big_txt">30</span>장</span> / <span class="coupon_txt02 c_primary">13장</span>
|
|
|
+ </div>
|
|
|
+ <div class="mem_point">
|
|
|
+ <p class="tit">STYLE 24 포인트</p>
|
|
|
+ <a href="#pop"><span class="big_txt">25,000</span>P</a>
|
|
|
+ </div>
|
|
|
+ <div class="mem_gift">
|
|
|
+ <p class="tit">상품권</p>
|
|
|
+ <a href="#pop"><span class="big_txt">25,000</span>원</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sec_body mypage_body">
|
|
|
+ <!-- 주문 경로 -->
|
|
|
+ <div class="order_info clear">
|
|
|
+ <ul class="clear">
|
|
|
+ <li class="orl01">
|
|
|
+ <p class="or_p">주문접수</p>
|
|
|
+ <p class="count"><span>5</span></p>
|
|
|
+ </li>
|
|
|
+ <li class="orl02">
|
|
|
+ <p class="or_p">결제완료</p>
|
|
|
+ <p class="count"><span>9</span></p>
|
|
|
+ </li>
|
|
|
+ <li class="orl03">
|
|
|
+ <p class="or_p">상품 준비 중</p>
|
|
|
+ <p class="count"><span>3</span></p>
|
|
|
+ </li>
|
|
|
+ <li class="orl04">
|
|
|
+ <p class="or_p">배송 중</p>
|
|
|
+ <p class="count"><span>10</span></p>
|
|
|
+ </li>
|
|
|
+ <li class="orl05">
|
|
|
+ <p class="or_p">배송 완료</p>
|
|
|
+ <p class="count"><span>12</span></p>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="order_right">
|
|
|
+ <ul>
|
|
|
+ <li>취소 내역<span>2</span></li>
|
|
|
+ <li>교환 내역<span>3</span></li>
|
|
|
+ <li>반품 내역<span>0</span></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //주문 경로 -->
|
|
|
+ <h2 class="subH2 my_subtit">주문확인/배송조회</h2>
|
|
|
+ <!-- 주문조회 검색 -->
|
|
|
+ <div class="order_sch_filter clear">
|
|
|
+ <div class="sch_radio_tab">
|
|
|
+ <button type="button" class="btn btn_default">6월</button>
|
|
|
+ <button type="button" class="btn btn_default">7월</button>
|
|
|
+ <button type="button" class="btn btn_default">8월</button>
|
|
|
+ <button type="button" class="btn btn_default">9월</button>
|
|
|
+ <button type="button" class="btn btn_default">10월</button>
|
|
|
+ <button type="button" class="btn btn_default">11월</button>
|
|
|
+ </div>
|
|
|
+ <div class="sch_right">
|
|
|
+ <div class="sch_datepicker sb">
|
|
|
+ <input type="text" class="n_input hasDatepicker" name="dt_fr_input" value="" placeholder="20.10.05" id="">
|
|
|
+ </div>
|
|
|
+ <div class="sch_datepicker">
|
|
|
+ <input type="text" class="n_input hasDatepicker" name="dt_to_input" value="" placeholder="20.10.05" id="">
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn btn_dark">조회</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //주문조회 검색 -->
|
|
|
+ <div class="order_list">
|
|
|
+ <!-- 1개주문 -->
|
|
|
+ <div class="part_dlvr">
|
|
|
+ <div class="tbl_tit">
|
|
|
+ <span class="start_t">주문일</span>
|
|
|
+ <!-- 선물일 -->
|
|
|
+ <!-- <span class="gift_t">선물일</span> -->
|
|
|
+ <span class="order_date">2020.10.25</span>
|
|
|
+ <span class="order_method">업체직배송</span>
|
|
|
+ <a href="" class="detail_btn">주문상세보기</a>
|
|
|
+ </div>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="660">
|
|
|
+ <col width="180">
|
|
|
+ <col width="180">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="../ux/images/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">Mollimelli 몰리멜리</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트</span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>99</em>개</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="">
|
|
|
+ <div class="delivery">
|
|
|
+ <p class="dlvr_staus">배송 중</p>
|
|
|
+ <p class="dlvr_desc">10/26일 도착 예정</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="">
|
|
|
+ <div class="tbl_btn_wrap case02">
|
|
|
+ <ul>
|
|
|
+ <li><button type="button" class="btn btn_default btn_sm"><span>교환</span></button></li>
|
|
|
+ <li><button type="button" class="btn btn_default btn_sm"><span>반품/취소</span></button></li>
|
|
|
+ <li><button type="button" class="btn btn_dark btn_sm"><span>리뷰작성</span></button></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="order_confirm">
|
|
|
+ <span class="cf_txt">15일 후 자동으로 구매확정</span>
|
|
|
+ <button type="button" class="btn btn_primary">구매확정</button>
|
|
|
+ <!-- <a href="" class="case02">구매확정 하기 >> (<span>X</span>일 후 자동으로 구매확정)</a> 구매확정 대기-->
|
|
|
+ <!-- <a href="" class="case03">주소입력 대기 : 남은일자 <span>3</span>일 (<span>YYYY.MM.DD HH:MM:SS</span>까지)</a> 주소입력 대기-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //1개주문 -->
|
|
|
+ <!-- n개 주문 -->
|
|
|
+ <div class="part_dlvr">
|
|
|
+ <div class="tbl_tit">
|
|
|
+ <span class="start_t">주문일</span>
|
|
|
+ <!-- 선물일 -->
|
|
|
+ <!-- <span class="gift_t">선물일</span> -->
|
|
|
+ <span class="order_date">2020.10.25</span>
|
|
|
+ <span class="order_method">업체직배송</span>
|
|
|
+ <a href="" class="detail_btn">주문상세보기</a>
|
|
|
+ </div>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="660">
|
|
|
+ <col width="180">
|
|
|
+ <col width="180">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="../ux/images/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">Mollimelli 몰리멜리</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트 몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트</span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>99</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_freebies">
|
|
|
+ <span class="freebies_tit">사은품</span>
|
|
|
+ <span class="freebies_con">DECKE 고급 에코백(블랙)</span>
|
|
|
+ <span class="c_primary">(- 140p)</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row">
|
|
|
+ <div class="delivery">
|
|
|
+ <p class="dlvr_staus">배송 완료</p>
|
|
|
+ <p class="dlvr_desc">10/26일 도착</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row">
|
|
|
+ <div class="tbl_btn_wrap case02">
|
|
|
+ <ul>
|
|
|
+ <li><button type="button" class="btn btn_default btn_sm"><span>교환</span></button></li>
|
|
|
+ <li><button type="button" class="btn btn_default btn_sm"><span>반품/취소</span></button></li>
|
|
|
+ <li><button type="button" class="btn btn_dark btn_sm"><span>리뷰작성</span></button></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="../ux/images/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">Mollimelli 몰리멜리</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트 몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트</span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>99</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_freebies">
|
|
|
+ <span class="freebies_tit">사은품</span>
|
|
|
+ <span class="freebies_con">DECKE 고급 에코백(블랙)</span>
|
|
|
+ <span class="c_primary">(- 140p)</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row">
|
|
|
+ <div class="delivery">
|
|
|
+ <p class="dlvr_staus">배송 완료</p>
|
|
|
+ <p class="dlvr_desc">10/26일 도착</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row">
|
|
|
+ <div class="tbl_btn_wrap case02">
|
|
|
+ <ul>
|
|
|
+ <li><button type="button" class="btn btn_default btn_sm"><span>교환</span></button></li>
|
|
|
+ <li><button type="button" class="btn btn_default btn_sm"><span>반품/취소</span></button></li>
|
|
|
+ <li><button type="button" class="btn btn_dark btn_sm"><span>리뷰작성</span></button></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="order_confirm">
|
|
|
+ <span class="cf_txt">15일 후 자동으로 구매확정</span>
|
|
|
+ <button type="button" class="btn btn_primary">구매확정</button>
|
|
|
+ <!-- <a href="" class="case02">구매확정 하기 >> (<span>X</span>일 후 자동으로 구매확정)</a> 구매확정 대기-->
|
|
|
+ <!-- <a href="" class="case03">주소입력 대기 : 남은일자 <span>3</span>일 (<span>YYYY.MM.DD HH:MM:SS</span>까지)</a> 주소입력 대기-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //n개 주문 -->
|
|
|
+ <!-- 배송중 -->
|
|
|
+ <div class="part_dlvr">
|
|
|
+ <div class="tbl_tit">
|
|
|
+ <span class="start_t">주문일</span>
|
|
|
+ <!-- 선물일 -->
|
|
|
+ <!-- <span class="gift_t">선물일</span> -->
|
|
|
+ <span class="order_date">2020.10.25</span>
|
|
|
+ <span class="order_method">업체직배송</span>
|
|
|
+ <a href="" class="detail_btn">주문상세보기</a>
|
|
|
+ </div>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="660">
|
|
|
+ <col width="180">
|
|
|
+ <col width="180">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="../ux/images/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">Mollimelli 몰리멜리</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트</span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>99</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_freebies">
|
|
|
+ <span class="freebies_tit">사은품</span>
|
|
|
+ <span class="freebies_con">DECKE 고급 에코백(블랙)</span>
|
|
|
+ <span class="c_primary">(- 140p)</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="">
|
|
|
+ <div class="delivery">
|
|
|
+ <p class="dlvr_staus">배송 중</p>
|
|
|
+ <p class="dlvr_desc">10/26일 도착 예정</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="">
|
|
|
+ <div class="tbl_btn_wrap case02">
|
|
|
+ <ul>
|
|
|
+ <li><button type="button" class="btn btn_default btn_sm"><span>교환</span></button></li>
|
|
|
+ <li><button type="button" class="btn btn_default btn_sm"><span>반품/취소</span></button></li>
|
|
|
+ <li><button type="button" class="btn btn_dark btn_sm"><span>리뷰작성</span></button></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="order_confirm">
|
|
|
+ <span class="cf_txt">CJ대한통운 365462211296</span>
|
|
|
+ <button type="button" class="btn btn_primary">배송조회</button>
|
|
|
+ <!-- <a href="" class="case02">구매확정 하기 >> (<span>X</span>일 후 자동으로 구매확정)</a> 구매확정 대기-->
|
|
|
+ <!-- <a href="" class="case03">주소입력 대기 : 남은일자 <span>3</span>일 (<span>YYYY.MM.DD HH:MM:SS</span>까지)</a> 주소입력 대기-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //배송중 -->
|
|
|
+ <!-- 배송완료 (구매확정) -->
|
|
|
+ <div class="part_dlvr">
|
|
|
+ <div class="tbl_tit">
|
|
|
+ <span class="start_t">주문일</span>
|
|
|
+ <!-- 선물일 -->
|
|
|
+ <!-- <span class="gift_t">선물일</span> -->
|
|
|
+ <span class="order_date">2020.10.25</span>
|
|
|
+ <span class="order_method">업체직배송</span>
|
|
|
+ <a href="" class="detail_btn">주문상세보기</a>
|
|
|
+ </div>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="660">
|
|
|
+ <col width="180">
|
|
|
+ <col width="180">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="../ux/images/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">Mollimelli 몰리멜리</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트 몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트</span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>99</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_freebies">
|
|
|
+ <span class="freebies_tit">사은품</span>
|
|
|
+ <span class="freebies_con">DECKE 고급 에코백(블랙)</span>
|
|
|
+ <span class="c_primary">(- 140p)</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="delivery">
|
|
|
+ <p class="dlvr_staus">배송 완료</p>
|
|
|
+ <p class="dlvr_desc">10/26일 도착</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="tbl_btn_wrap case02">
|
|
|
+ <ul>
|
|
|
+ <li><button type="button" class="btn btn_default btn_sm"><span>교환</span></button></li>
|
|
|
+ <li><button type="button" class="btn btn_default btn_sm"><span>반품/취소</span></button></li>
|
|
|
+ <li><button type="button" class="btn btn_dark btn_sm"><span>리뷰작성</span></button></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="order_confirm">
|
|
|
+ <span class="cf_txt">구매확정</span>
|
|
|
+ <span class="cf_date">(2020.10.05 23:24:22)</span>
|
|
|
+ <!-- <a href="" class="case02">구매확정 하기 >> (<span>X</span>일 후 자동으로 구매확정)</a> 구매확정 대기-->
|
|
|
+ <!-- <a href="" class="case03">주소입력 대기 : 남은일자 <span>3</span>일 (<span>YYYY.MM.DD HH:MM:SS</span>까지)</a> 주소입력 대기-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //배송완료(구매확정) -->
|
|
|
+ <!-- 주소 입력 대기 -->
|
|
|
+ <div class="part_dlvr">
|
|
|
+ <div class="tbl_tit">
|
|
|
+ <span class="start_t">주문일</span>
|
|
|
+ <!-- 선물일 -->
|
|
|
+ <!-- <span class="gift_t">선물일</span> -->
|
|
|
+ <span class="order_date">2020.10.25</span>
|
|
|
+ <span class="order_method">업체직배송</span>
|
|
|
+ <a href="" class="detail_btn">주문상세보기</a>
|
|
|
+ </div>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="660">
|
|
|
+ <col width="180">
|
|
|
+ <col width="180">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="../ux/images/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">Mollimelli 몰리멜리</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트 몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트</span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>99</em>개</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="delivery">
|
|
|
+ <p class="dlvr_staus c_primary">주소 입력 대기</p>
|
|
|
+ <p class="dlvr_desc">남은 기간 3일</p>
|
|
|
+ <p class="dlvr_desc">(2020.10.05까지)</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="tbl_btn_wrap case02">
|
|
|
+ <ul>
|
|
|
+ <li><button type="button" class="btn btn_dark btn_sm"><span>SMS 재전송</span></button></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //주소 입력 대기 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+<script src="/ux/plugins/gaga/gaga.paging.js"></script>
|
|
|
+<script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
+ $(document).ready(function() {
|
|
|
+ // 마이페이지 LNB 설정
|
|
|
+ fnSetMypageLnbList(1);
|
|
|
+
|
|
|
+ // 마이페이지 location 설정
|
|
|
+ fnSetMypageLocation('주문확인/배송조회');
|
|
|
+ });
|
|
|
+
|
|
|
+/*]]>*/
|
|
|
+</script>
|
|
|
+
|
|
|
+</th:block>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|