Преглед изворни кода

Merge remote-tracking branch 'origin/card007' into order

xodud1202 пре 5 година
родитељ
комит
5a26516a88

+ 56 - 0
src/main/java/com/style24/front/biz/web/TsfMypageController.java

@@ -1,9 +1,15 @@
 package com.style24.front.biz.web;
 
+import java.util.Collection;
+
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.servlet.ModelAndView;
 
+import com.style24.core.biz.service.TscCustomerService;
+import com.style24.core.biz.service.TscOrderService;
 import com.style24.core.support.message.TscMessageByLocale;
 import com.style24.front.biz.service.TsfCouponService;
 import com.style24.front.biz.service.TsfCustomerService;
@@ -13,6 +19,9 @@ import com.style24.front.biz.service.TsfPointService;
 import com.style24.front.biz.service.TsfReviewService;
 import com.style24.front.biz.service.TsfWishlistService;
 import com.style24.front.support.controller.TsfBaseController;
+import com.style24.front.support.security.session.TsfSession;
+import com.style24.persistence.domain.Customer;
+import com.style24.persistence.domain.Order;
 
 import lombok.extern.slf4j.Slf4j;
 
@@ -32,9 +41,15 @@ public class TsfMypageController extends TsfBaseController {
 
 	@Autowired
 	private TsfCustomerService customerService;
+	
+	@Autowired
+	private TscCustomerService coreCustomerService;
 
 	@Autowired
 	private TsfOrderService orderService;
+	
+	@Autowired
+	private TscOrderService coreOrderService;
 
 	@Autowired
 	private TsfReviewService reviewService;
@@ -51,4 +66,45 @@ public class TsfMypageController extends TsfBaseController {
 	@Autowired
 	private TsfCouponService couponService;
 
+	/**
+	 * 마이페이지 메인 화면
+	 *
+	 * @return
+	 * @author card007
+	 * @since 2021. 02. 04
+	 */
+	@GetMapping({"/main/form", "/order/list/form"})
+	public ModelAndView mypageOrderList() {
+		ModelAndView mav = new ModelAndView();
+		
+		// int custNo = TsfSession.getInfo().getCustNo();
+		int custNo = 1000007;
+
+		// 고객정보 조회
+		Customer customer = new Customer();
+		customer.setCustNo(custNo);
+		customer = coreCustomerService.getCustomerInfo(customer);
+
+		mav.addObject("customerInfo", customer);
+
+		// 주문정보 조회
+		Order order = new Order();
+		order.setCustNo(custNo);
+		Collection<Order> orderList = coreOrderService.getOrderListForMypage(order);
+
+		mav.addObject("orderInfo", orderList);
+
+		// 쿠폰정보 조회
+
+		// 포인트 정보 조회
+		mav.addObject("rmPntAmt", coreOrderService.getCustPointInfo(order));
+
+		// 상품권 정보 조회
+		mav.addObject("rmGfcdAmt", coreOrderService.getGiftcardInfo(order));
+
+		mav.setViewName(super.getDeviceViewName("mypage/MypageOrderListForm"));
+
+		return mav;
+	}
+
 }

+ 110 - 0
src/main/webapp/WEB-INF/views/web/common/layout/MypageLayoutWeb.html

@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org"
+	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
+
+<head th:replace="~{web/common/fragments/HeadWeb :: head}"></head>
+
+<body>
+
+<div class="skipComment">
+	<a href="#content">본문 바로가기</a>
+	<a href="#gnb">주메뉴 바로가기</a>
+	<a href="#footer">하단메뉴 바로가기</a>
+</div>
+	
+<th:block th:replace="~{web/common/fragments/VariablesWeb :: variables}"></th:block>
+
+<!-- GNB -->
+<header id="header" th:replace="~{web/common/fragments/GnbWeb :: gnb}"></header>
+<!--// GNB -->
+
+<div id="container" class="container my">
+	<div class="breadcrumb">
+		<ul id="location">
+			<li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
+			<li class="bread_2depth"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE);">마이페이지</a></li>
+<!--			<li class="bread_3depth">주문확인/배송조회</li>-->
+		</ul>
+	</div>
+	<div class="wrap">
+		<div class="content">
+			<div class="cont_head" style="display: none;">
+				CONT-HEAD
+				<style>
+					.container .wrap .content {max-width:1460px;}
+				</style>
+				<div class="tit">my_center</div>
+				<div class="tit my_tit">my_tit</div>
+			</div>
+			<div class="cont_body mypage">
+				<!-- CONT-BODY -->
+				<div class="my_lnb">
+					<div class="lnb_tit">
+						<h2>마이페이지</h2>
+					</div>
+					<div class="lnb_list">
+						<ul id="mypageLnbList">
+							<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_ORDER_LIST);">주문확인/배송조회</a></li>
+							<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_CRS_LIST);">취소/반품/환불내역</a></li>
+							<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_RESTOCK);">재입고 알림 내역</a></li>
+							<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_REVIEW);">리뷰</a></li>
+							<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_DELIVERY_ADDR);">배송지 관리</a></li>
+							<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_WISHLIST);">위시리스트</a></li>
+							<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_CUSTOMER);">내정보 관리</a></li>
+							<li><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_SECEDE);">회원 탈퇴</a></li>
+						</ul>
+					</div>
+				</div>
+				
+				<!-- CONTENT AREA -->
+				<th:block layout:fragment="content"></th:block>
+				<!-- // CONTENT AREA -->
+				
+				<!-- // CONT-BODY -->
+			</div>
+		</div>
+	</div>
+</div>
+
+<!-- Footer -->
+<footer id="footer" th:replace="~{web/common/fragments/FooterWeb :: footer}"></footer>
+
+<th:block th:replace="~{web/common/fragments/ScriptsWeb :: scripts}"></th:block>
+<!-- <th:block th:replace="~{web/common/fragments/MarketingScripts :: mscripts}"></th:block> -->
+
+<script th:inline="javascript">
+/*<![CDATA[*/
+	var fnSetMypageLnbList = function(lnbLvl) {
+		let tag = '';
+		tag += '<li><a href="javascript:void(0);" onClick="cfnGoToPage(_PAGE_ORDER_LIST);"' + (lnbLvl == 1 ? ' class="on"' : '') + '>주문확인/배송조회</a></li>\n';
+		tag += '<li><a href="javascript:void(0);" onClick="cfnGoToPage(_PAGE_CRS_LIST);"' + (lnbLvl == 2 ? ' class="on"' : '') + '>취소/반품/환불내역</a></li>\n';
+		tag += '<li><a href="javascript:void(0);" onClick="cfnGoToPage(_PAGE_RESTOCK);"' + (lnbLvl == 3 ? ' class="on"' : '') + '>재입고 알림 내역</a></li>\n';
+		tag += '<li><a href="javascript:void(0);" onClick="cfnGoToPage(_PAGE_REVIEW);"' + (lnbLvl == 4 ? ' class="on"' : '') + '>리뷰</a></li>\n';
+		tag += '<li><a href="javascript:void(0);" onClick="cfnGoToPage(_PAGE_DELIVERY_ADDR);"' + (lnbLvl == 5 ? ' class="on"' : '') + '>배송지 관리</a></li>\n';
+		tag += '<li><a href="javascript:void(0);" onClick="cfnGoToPage(_PAGE_WISHLIST);"' + (lnbLvl == 6 ? ' class="on"' : '') + '>위시리스트</a></li>\n';
+		tag += '<li><a href="javascript:void(0);" onClick="cfnGoToPage(_PAGE_CUSTOMER);"' + (lnbLvl == 7 ? ' class="on"' : '') + '>내정보 관리</a></li>\n';
+		tag += '<li><a href="javascript:void(0);" onClick="cfnGoToPage(_PAGE_SECEDE);"' + (lnbLvl == 8 ? ' class="on"' : '') + '>회원 탈퇴</a></li>\n';
+		tag += '</ul>';
+		$('#mypageLnbList').html(tag);
+	}
+
+	var fnSetMypageLocation = function(depth3, depth3Link, depth4) {
+		let tag = '';
+		if (gagajf.isNull(depth4)) {
+			tag += '<li class="bread_3depth">' + depth3 + '</li>'
+		} else {
+			tag += '<li className="bread_3depth"><a href="javascript:void(0);" onClick="cfnGoToPage(' + depth3Link + ');">' + depth3 + '</a></li>';
+			tag += '<li class="bread_3depth">' + depth4 + '</li>'
+		}
+		$('#location').append(tag);
+	}
+	
+	$(document).ready(function() {
+		
+	});
+/*]]>*/
+</script>
+
+</body>
+</html>

+ 566 - 0
src/main/webapp/WEB-INF/views/web/mypage/MypageOrderListFormWeb.html

@@ -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">보유쿠폰&nbsp;/&nbsp;<span class="c_primary">만료예정</span></p>
+						<span class="coupon_txt01"><span class="big_txt">30</span>장</span>&nbsp;/&nbsp;<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>

+ 10 - 0
src/main/webapp/ux/style24_link.js

@@ -16,6 +16,16 @@ const _PAGE_MAIN = _frontUrl + "/display/mall/main/form";	// 몰메인
 //== 주문 ==/
 
 //== 마이페이지 ==/
+const _PAGE_MYPAGE = _frontUrl + "/mypage/main/form";							// 마이페이지 > 메인
+const _PAGE_ORDER_LIST = _frontUrl + "/mypage/order/list/form";					// 마이페이지 > 주문확인/배송조회
+const _PAGE_ORDER_DETAIL = _frontUrl + "/mypage/order/detail/form?ordNo=";		// 마이페이지 > 주문/배송 상세
+const _PAGE_CRS_LIST = _frontUrl + "/mypage/crs/list/form";						// 마이페이지 > 취소/교환/반품 목록
+const _PAGE_RESTOCK = _frontUrl + "/mypage/restock/form";						// 마이페이지 > 재입고 알림 내역
+const _PAGE_REVIEW = _frontUrl + "/mypage/review/form";							// 마이페이지 > 리뷰
+const _PAGE_DELIVERY_ADDR = _frontUrl + "/mypage/delivery/addr/form";			// 마이페이지 > 배송지 관리
+const _PAGE_WISHLIST = _frontUrl + "/mypage/wish/list/form";					// 마이페이지 > 위시리스트
+const _PAGE_CUSTOMER = _frontUrl + "/mypage/customer/form";						// 마이페이지 > 내정보 관리
+const _PAGE_SECEDE = _frontUrl + "/mypage/customer/secede/form";				// 마이페이지 > 회원탈퇴
 
 //== 검색 ==/