상품상세 상품평 레이어

src/main/java/com/style24/front/biz/dao/TsfReviewDao.java

@@ -16,6 +16,15 @@ import com.style24.persistence.domain.ReviewAttach;
 @ShopDs
 public interface TsfReviewDao {
 
+	/**
+	 * 상품 리뷰 목록 건수
+	 * @param review
+	 * @return 
+	 * @author eskim
+	 * @since 2021. 3. 16
+	 */
+	int getReviewTotalCount(Review review);
+	
 	/**
 	 * 상품 리뷰 목록
 	 * @param review

src/main/java/com/style24/front/biz/service/TsfReviewService.java

@@ -23,6 +23,17 @@ public class TsfReviewService {
 	@Autowired
 	private TsfReviewDao reviewDao;
 
+	/**
+	 * 상품 리뷰 목록 건수
+	 * @param review
+	 * @return 
+	 * @author eskim
+	 * @since 2021. 3. 16
+	 */
+	public int  getReviewTotalCount(Review review) {
+		return reviewDao.getReviewTotalCount(review);
+	}
+	
 	/**
 	 * 상품 리뷰 목록
 	 * @param review

src/main/java/com/style24/front/biz/web/TsfGoodsController.java

@@ -198,6 +198,7 @@ public class TsfGoodsController extends TsfBaseController {
 		review.setGoodsCd(goods.getGoodsCd());
 		review.setBestYn("Y");
 		review.setRownum(1);
+		review.setGoodsType(goods.getGoodsType());
 		mav.addObject("bestReviewList", reviewService.getReviewList(review));
 		
 		// 카드 혜택안내
@@ -608,6 +609,10 @@ public class TsfGoodsController extends TsfBaseController {
 		// 상품 기본정보
 		mav.addObject("goodsInfo", goods);
 		
+		// 사이즈 정보
+		// 입점은 옵션1 노출
+		// 자사는 옵션2 노출
+		
 		// 상품평 포인트
 		GagaMap reviewPoint = new GagaMap();
 		reviewPoint.set("textReviewPoint", envsetService.getTextReviewPoint(TscConstants.Site.STYLE24.value()));	//텍스트상품평포인트
@@ -618,6 +623,7 @@ public class TsfGoodsController extends TsfBaseController {
 		Review review = new Review();
 		review.setGoodsCd(goods.getGoodsCd());
 		review.setRownum(1);
+		review.setGoodsType(goods.getGoodsType());
 		mav.addObject("reviewList", reviewService.getReviewList(review));	// 전체상품평 유무 확인
 		
 		
@@ -633,6 +639,37 @@ public class TsfGoodsController extends TsfBaseController {
 		mav.setViewName(super.getDeviceViewName("goods/GoodsReviewForm"));
 		return mav;
 	}
+	
+	/**
+	 * 상품평 목록
+	 * @param counsel - 상담정보
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 16
+	 */
+	@PostMapping("/review/list")
+	@ResponseBody
+	public GagaMap getGoodsReviewList(@RequestBody Review review) {
+
+		log.info(" getGoodsReviewList =>{}", review);
+
+		GagaMap result = new GagaMap();
+
+		TscPageRequest pageable = new TscPageRequest((review.getPageNo() > 0 ? review.getPageNo() - 1 : 0), review.getPageSize(), review.getPageUnit());
+		pageable.setTotalCount(reviewService.getReviewTotalCount(review));
+		review.setPageable(pageable);
+
+		if (TsfSession.isLogin()) {
+			review.setCustNo(TsfSession.getInfo().getCustNo());
+		}
+		
+		result.set("paging", review);
+		log.info("-------------------------------------------------------------");
+		result.set("dataList", reviewService.getReviewList(review));
+		log.info("-------------------------------------------------------------");
+
+		return result;
+	}
 
 	/**
 	 * 상품상세 -  상품평 - 베스트 레이어

src/main/java/com/style24/persistence/domain/Review.java

@@ -2,8 +2,10 @@ package com.style24.persistence.domain;
 
 import java.util.Collection;
 
+import com.fasterxml.jackson.annotation.JsonInclude;
 import com.style24.core.support.util.MaskingUtils;
 import com.style24.persistence.TscBaseDomain;
+import com.style24.persistence.TscPageRequest;
 
 import lombok.Data;
 
@@ -58,6 +60,7 @@ public class Review extends TscBaseDomain {
 	private String scoreWeightNm;	// 무게감점수(공통코드G080)
 	private String scoreBallNm;		// 볼넓이점수(공통코드G041)
 	private String photoYn;			// 포토상품평유무
+	private String goodsType;		// 상품유형
 	private int rownum;
 	
 	// Masking
@@ -69,4 +72,11 @@ public class Review extends TscBaseDomain {
 	
 	Collection<Goods> goodsOptionList;			//상품평 상품 옵션목록
 	
+	// Pagination
+	@JsonInclude(JsonInclude.Include.NON_EMPTY)
+	private TscPageRequest pageable;
+
+	private int pageNo = 1;
+	private int pageSize = 10;
+	private int pageUnit = 10;
 }

src/main/java/com/style24/persistence/mybatis/shop/TsfReview.xml

@@ -10,13 +10,46 @@
 
 	<!-- 페이징을 위한 select절 하단 -->
 	<sql id="selectForPagingFooter">
-		       ) ORIGINAL
-		WHERE  NUMB BETWEEN #{pageable.startRow} AND #{pageable.endRow}
+		<choose>
+		<when test="pageable != null">
+		    ) ORIGINAL
+		WHERE RNUM BETWEEN  #{pageable.startRow} AND #{pageable.endRow}
+		</when>
+		<otherwise>
+		    ) ORIGINAL
+		</otherwise>
+		</choose>
 	</sql>
 	
+	<!-- 상품 리뷰 목록 count -->
+	<select id="getReviewTotalCount" parameterType="Review" resultType="int">
+		/* TsfReivew.getReviewTotalCount */
+		SELECT COUNT(*)
+		FROM TB_REVIEW R 
+		INNER JOIN TB_GOODS G ON R.GOODS_CD = G.GOODS_CD
+		INNER JOIN TB_ORDER_DETAIL OD ON R.ORD_NO = OD.ORD_NO 
+		                              AND R.ORD_DTL_NO  = OD.ORD_DTL_NO
+		                              AND R.GOODS_CD = OD.GOODS_CD
+		INNER JOIN TB_ORDER_DETAIL_ITEM ODI ON OD.ORD_NO = ODI.ORD_NO 
+		                                    AND OD.ORD_DTL_NO  = ODI.ORD_DTL_NO
+		<if test='goodsType != null and goodsType != "G056_S" '>
+		                              AND OD.GOODS_CD = ODI.ITEM_CD 
+		</if>
+		INNER JOIN TB_CUSTOMER C ON R.REG_NO  = C.CUST_NO
+		AND R.GOODS_CD = #{goodsCd}
+		<if test='bestYn != null and bestYn == "Y"'>
+		AND R.BEST_YN = 'Y'
+		</if>
+		<if test='photoYn != null and photoYn == "Y"'>
+		AND EXISTS (SELECT 1 FROM TB_REVIEW_ATTACH WHERE DEL_YN = 'N' AND REVIEW_SQ = R.REVIEW_SQ)
+		</if>
+		AND R.DEL_YN = 'N'
+	</select>
+		
 	<!-- 상품 리뷰 목록 -->
 	<select id="getReviewList" parameterType="Review" resultType="Review">
 		/* TsfReivew.getReviewList */
+		<include refid="selectForPagingHeader"/>
 		SELECT *
 		FROM (
 		SELECT R.REVIEW_SQ
@@ -60,11 +93,16 @@
 		     , C.CUST_ID 
 		     , (SELECT MAX(SYS_IMG_NM) FROM TB_GOODS_IMG WHERE GOODS_CD = G.GOODS_CD AND COLOR_CD = IFNULL(G.MAIN_COLOR_CD,'XX') AND DEFAULT_IMG_YN = 'Y') AS SYS_IMG_NM
 		     , (SELECT TI.SIZE_GB FROM TB_ITEMKIND TI WHERE TI.ITEMKIND_CD = G.ITEMKIND_CD) AS SIZE_GB
-		     , RANK() OVER(ORDER BY R.REVIEW_SQ DESC) AS NUMB
+		     , RANK() OVER(ORDER BY R.REVIEW_SQ DESC) AS RNUM
 		FROM TB_REVIEW R 
 		INNER JOIN TB_GOODS G ON R.GOODS_CD = G.GOODS_CD
 		INNER JOIN TB_ORDER_DETAIL OD ON R.ORD_NO = OD.ORD_NO 
 		                               AND R.ORD_DTL_NO  = OD.ORD_DTL_NO 
+		INNER JOIN TB_ORDER_DETAIL_ITEM ODI ON OD.ORD_NO = ODI.ORD_NO 
+		                                    AND OD.ORD_DTL_NO  = ODI.ORD_DTL_NO
+		<if test='goodsType != null and goodsType != "G056_S" '>
+		                              AND OD.GOODS_CD = ODI.ITEM_CD 
+		</if>
 		INNER JOIN TB_CUSTOMER C ON R.REG_NO  = C.CUST_NO
 		AND R.GOODS_CD = #{goodsCd}
 		<if test='bestYn != null and bestYn == "Y"'>
@@ -76,8 +114,9 @@
 		AND R.DEL_YN = 'N'
 		)Z
 		<if test="rownum != null and rownum > 0 ">
-		WHERE NUMB = 1
+		WHERE RNUM = 1
 		</if>
+		<include refid="selectForPagingFooter"/>
 	</select>
 	
 	<!-- 상품평 첨부파일 목록 -->

src/main/webapp/WEB-INF/views/web/goods/GoodsReviewFormWeb.html

@@ -441,6 +441,11 @@
 				</div>
 			</div>
 			<div class="area_rv_all">
+			<form id="goodsReviewForm" name="goodsReviewForm" action="#" th:action="@{'/goods/review/list'}">
+			<input type="hidden" name="pageNo" value ="1"/>
+			<input type="hidden" name="pageSize" value ="20"/>
+			<input type="hidden" name="goodsCd" th:value ="${goodsInfo.goodsCd}"/>
+			<input type="hidden" name="goodsType" th:value ="${goodsInfo.goodsType}"/>
 				<h6>전체리뷰<span>(9,999+)</span></h6>
 				<div class="selection">
 					<form class="form_wrap">
@@ -461,10 +466,10 @@
 							</div>
 							<div class="select_custom sort_opt2">
 								<div class="combo">
-									<div class="select">사이즈 전체</div>
+									<div class="select" th:text="${(goodsInfo.selfGoodsYn == 'Y')? '사이즈 전체' :'옵션 전체'}">사이즈 전체</div>
 									<ul class="list">
 										<!-- 선택처리 class="selected" -->
-										<li class="selected">사이즈 전체</li> 
+										<li class="selected" th:text="${(goodsInfo.selfGoodsYn == 'Y')? '사이즈 전체' :'옵션 전체'}">사이즈 전체</li> 
 										<li>90</li>
 										<li>95</li>
 										<li>100</li>
@@ -514,760 +519,17 @@
 				</div>
 				<!-- 나열조건결과 있을 때 노출 내용 -->
 				<div class="review_list">
-					<ul>
-						<li>
-							<div class="review">
-								<div class="info_box">
-									<div class="star_score">
-										<span class="star">
-											<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
-										</span>
-									</div>
-									<div class="writer">
-										<span class="wr_id">ab2****</span>
-										<span class="wr_date">2020.07.15</span>
-									</div>
-								</div>
-								<div class="response_box">
-									<div>
-										<dl>
-											<div>
-												<dt>구매옵션</dt>
-												<dd>베이지 / 100</dd>
-											</div>
-										</dl>
-									</div>
-									<div>
-										<dl>
-											<div>
-												<dt>키/몸무게</dt>
-												<dd>178cm/71kg</dd>
-											</div>
-											<div>
-												<dt>사이즈</dt>
-												<dd>작음</dd>
-											</div>
-											<div>
-												<dt>컬러</dt>
-												<dd>밝음</dd>
-											</div>
-											<div>
-												<dt>핏</dt>
-												<dd>레귤러</dd>
-											</div>
-											<div>
-												<dt>두께감</dt>
-												<dd>적당함</dd>
-											</div>
-										</dl>
-									</div>
-								</div>
-								<div class="photo_box">
-									<div class="photo_list">
-										<ul>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-										</ul>
-									</div>
-								</div>
-								<div class="txt_review_box">
-									<p>
-										옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
-									</p>
-								</div>
-								<div class="reply_box">
-									<div class="reply">
-										<div class="reply_writer">
-											<span class="wr_name">관리자</span>
-											<span class="wr_date">2020.07.15</span>
-										</div>
-										<div class="reply_txt">
-											<p>
-												안녕하세요, 스타일24 관리자입니다.<br>
-												최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
-												만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
-												구매해주셔서 감사합니다.												 
-											</p>
-										</div>
-									</div>
-								</div>
-							</div>
-						</li>
-						<li>
-							<div class="review">
-								<div class="info_box">
-									<div class="star_score">
-										<span class="star">
-											<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
-										</span>
-									</div>
-									<div class="writer">
-										<span class="wr_id">ab2****</span>
-										<span class="wr_date">2020.07.15</span>
-									</div>
-								</div>
-								<div class="response_box">
-									<div>
-										<dl>
-											<div>
-												<dt>구매옵션</dt>
-												<dd>베이지 / 100</dd>
-											</div>
-										</dl>
-									</div>
-									<div>
-										<dl>
-											<div>
-												<dt>키/몸무게</dt>
-												<dd>178cm/71kg</dd>
-											</div>
-											<div>
-												<dt>사이즈</dt>
-												<dd>작음</dd>
-											</div>
-											<div>
-												<dt>컬러</dt>
-												<dd>밝음</dd>
-											</div>
-											<div>
-												<dt>핏</dt>
-												<dd>레귤러</dd>
-											</div>
-											<div>
-												<dt>두께감</dt>
-												<dd>적당함</dd>
-											</div>
-										</dl>
-									</div>
-								</div>
-								<div class="photo_box">
-									<div class="photo_list">
-										<ul>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-										</ul>
-									</div>
-								</div>
-								<div class="txt_review_box">
-									<p>
-										옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
-									</p>
-								</div>
-								<div class="reply_box">
-									<div class="reply">
-										<div class="reply_writer">
-											<span class="wr_name">관리자</span>
-											<span class="wr_date">2020.07.15</span>
-										</div>
-										<div class="reply_txt">
-											<p>
-												안녕하세요, 스타일24 관리자입니다.<br>
-												최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
-												만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
-												구매해주셔서 감사합니다.												 
-											</p>
-										</div>
-									</div>
-								</div>
-							</div>
-						</li> 
-						<li>
-							<div class="review">
-								<div class="info_box">
-									<div class="star_score">
-										<span class="star">
-											<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
-										</span>
-									</div>
-									<div class="writer">
-										<span class="wr_id">ab2****</span>
-										<span class="wr_date">2020.07.15</span>
-									</div>
-								</div>
-								<div class="response_box">
-									<div>
-										<dl>
-											<div>
-												<dt>구매옵션</dt>
-												<dd>베이지 / 100</dd>
-											</div>
-										</dl>
-									</div>
-									<div>
-										<dl>
-											<div>
-												<dt>키/몸무게</dt>
-												<dd>178cm/71kg</dd>
-											</div>
-											<div>
-												<dt>사이즈</dt>
-												<dd>작음</dd>
-											</div>
-											<div>
-												<dt>컬러</dt>
-												<dd>밝음</dd>
-											</div>
-											<div>
-												<dt>핏</dt>
-												<dd>레귤러</dd>
-											</div>
-											<div>
-												<dt>두께감</dt>
-												<dd>적당함</dd>
-											</div>
-										</dl>
-									</div>
-								</div>
-								<div class="photo_box">
-									<div class="photo_list">
-										<ul>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-										</ul>
-									</div>
-								</div>
-								<div class="txt_review_box">
-									<p>
-										옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
-									</p>
-								</div>
-								<div class="reply_box">
-									<div class="reply">
-										<div class="reply_writer">
-											<span class="wr_name">관리자</span>
-											<span class="wr_date">2020.07.15</span>
-										</div>
-										<div class="reply_txt">
-											<p>
-												안녕하세요, 스타일24 관리자입니다.<br>
-												최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
-												만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
-												구매해주셔서 감사합니다.												 
-											</p>
-										</div>
-									</div>
-								</div>
-							</div>
-						</li>	 
-						<li>
-							<div class="review">
-								<div class="info_box">
-									<div class="star_score">
-										<span class="star">
-											<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
-										</span>
-									</div>
-									<div class="writer">
-										<span class="wr_id">ab2****</span>
-										<span class="wr_date">2020.07.15</span>
-									</div>
-								</div>
-								<div class="response_box">
-									<div>
-										<dl>
-											<div>
-												<dt>구매옵션</dt>
-												<dd>베이지 / 100</dd>
-											</div>
-										</dl>
-									</div>
-									<div>
-										<dl>
-											<div>
-												<dt>키/몸무게</dt>
-												<dd>178cm/71kg</dd>
-											</div>
-											<div>
-												<dt>사이즈</dt>
-												<dd>작음</dd>
-											</div>
-											<div>
-												<dt>컬러</dt>
-												<dd>밝음</dd>
-											</div>
-											<div>
-												<dt>핏</dt>
-												<dd>레귤러</dd>
-											</div>
-											<div>
-												<dt>두께감</dt>
-												<dd>적당함</dd>
-											</div>
-										</dl>
-									</div>
-								</div>
-								<div class="photo_box">
-									<div class="photo_list">
-										<ul>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-										</ul>
-									</div>
-								</div>
-								<div class="txt_review_box">
-									<p>
-										옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
-									</p>
-								</div>
-								<div class="reply_box">
-									<div class="reply">
-										<div class="reply_writer">
-											<span class="wr_name">관리자</span>
-											<span class="wr_date">2020.07.15</span>
-										</div>
-										<div class="reply_txt">
-											<p>
-												안녕하세요, 스타일24 관리자입니다.<br>
-												최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
-												만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
-												구매해주셔서 감사합니다.												 
-											</p>
-										</div>
-									</div>
-								</div>
-							</div>
-						</li>									
-						<li>
-							<div class="review">
-								<div class="info_box">
-									<div class="star_score">
-										<span class="star">
-											<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
-										</span>
-									</div>
-									<div class="writer">
-										<span class="wr_id">ab2****</span>
-										<span class="wr_date">2020.07.15</span>
-									</div>
-								</div>
-								<div class="response_box">
-									<div>
-										<dl>
-											<div>
-												<dt>구매옵션</dt>
-												<dd>베이지 / 100</dd>
-											</div>
-										</dl>
-									</div>
-									<div>
-										<dl>
-											<div>
-												<dt>키/몸무게</dt>
-												<dd>178cm/71kg</dd>
-											</div>
-											<div>
-												<dt>사이즈</dt>
-												<dd>작음</dd>
-											</div>
-											<div>
-												<dt>컬러</dt>
-												<dd>밝음</dd>
-											</div>
-											<div>
-												<dt>핏</dt>
-												<dd>레귤러</dd>
-											</div>
-											<div>
-												<dt>두께감</dt>
-												<dd>적당함</dd>
-											</div>
-										</dl>
-									</div>
-								</div>
-								<div class="photo_box">
-									<div class="photo_list">
-										<ul>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-											<li>
-												<a href="">
-													<div class="pic">
-														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
-													</div>
-												</a>
-											</li>
-										</ul>
-									</div>
-								</div>
-								<div class="txt_review_box">
-									<p>
-										옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
-									</p>
-								</div>
-								<div class="reply_box">
-									<div class="reply">
-										<div class="reply_writer">
-											<span class="wr_name">관리자</span>
-											<span class="wr_date">2020.07.15</span>
-										</div>
-										<div class="reply_txt">
-											<p>
-												안녕하세요, 스타일24 관리자입니다.<br>
-												최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
-												만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
-												구매해주셔서 감사합니다.												 
-											</p>
-										</div>
-									</div>
-								</div>
-							</div>
-						</li>								
+					<ul  id="ulGoodsReviewQna">
+						
 					</ul>
 				</div>
 				<div class="ui_row">
-					<ul class="pageNav">
-						<li class="disabled"><a href="#">«</a></li>
-						<li class="prev disabled"><a href="#">‹</a></li>
-						<li><a href="#">1</a></li>
-						<li class="active"><a href="#">2</a></li>
-						<li><a href="#">3</a></li>
-						<li><a href="#">4</a></li>
-						<li><a href="#">5</a></li>
-						<li><a href="#">6</a></li>
-						<li><a href="#">7</a></li>
-						<li><a href="#">8</a></li>
-						<li><a href="#">9</a></li>
-						<li><a href="#">10</a></li>
-						<li class="next"><a href="#">›</a></li>
-						<li><a href="#">»</a></li>
+					<ul class="pageNav" id="pageNav">
 					</ul>
 				</div>
 				<!-- //나열조건결과 있을 때 노출 내용 -->
 				<!-- 나열조건결과 없을 때 노출 내용 -->
-				<div class="nodata">
+				<div class="nodata"  style="display:none;">
 					<div class="txt_box">
 						<p>
 							선택하신 조건에 맞는 리뷰가 없습니다.<br>
@@ -1279,6 +541,7 @@
 					</div>
 				</div>
 				<!-- //나열조건결과 없을 때 노출 내용 -->
+			</form>	
 			</div>
 			<!-- //등록리뷰 있을 시 -->
 		</div>
@@ -1288,6 +551,118 @@
 <script th:inline="javascript">
 /*<![CDATA[*/
 	
+	var fnGetList = function() {
+
+		/* $('#goodsReviewForm  input[name="secretYn"]').val('');
+		if ($("#goodsReviewForm input:checkbox[name=except_secret]").is(':checked')){
+			$('#goodsReviewForm  input[name="secretYn"]').val('N');
+		} */
+		// Initialize a pagination
+		gagaPaging.init('goodsReviewForm', fnGetListCallback, 'pageNav', 20);
+
+		// Load data
+		gagaPaging.load(1);
+	}
+	
+	var fnGetListCallback = function(result) {
+		$('#ulGoodsReviewQna').html('');
+		$('.nodata').hide();
+		// 목록
+		if (result.dataList != null && result.dataList.length > 0) {
+			
+			$.each(result.dataList, function(idx, item) {
+				let tag = '<li>\n';
+				tag += '<div class="review">\n';
+				tag += '	<div class="info_box">\n';
+				tag += '		<div class="star_score">\n';
+				tag += '			<span class="star">\n';
+				tag += '				<em class="progbar" style="width:70%;"></em>\n'; //<!-- 평점 style로 표기 -->
+				tag += '			</span>\n';
+				tag += '		</div>\n';
+				tag += '		<div class="writer">\n';
+				tag += '			<span class="wr_id">ab2****</span>\n';
+				tag += '			<span class="wr_date">2020.07.15</span>\n';
+				tag += '		</div>\n';
+				tag += '	</div>\n';
+				tag += '	<div class="response_box">\n';
+				tag += '		<div>\n';
+				tag += '			<dl>\n';
+				tag += '				<div>\n';
+				tag += '					<dt>구매옵션</dt>\n';
+				tag += '					<dd>베이지 / 100</dd>\n';
+				tag += '				</div>\n';
+				tag += '			</dl>\n';
+				tag += '		</div>\n';
+				tag += '		<div>\n';
+				tag += '			<dl>\n';
+				tag += '				<div>\n';
+				tag += '					<dt>키/몸무게</dt>\n';
+				tag += '					<dd>178cm/71kg</dd>\n';
+				tag += '				</div>\n';
+				tag += '				<div>\n';
+				tag += '					<dt>사이즈</dt>\n';
+				tag += '					<dd>작음</dd>\n';
+				tag += '				</div>\n';
+				tag += '				<div>\n';
+				tag += '					<dt>컬러</dt>\n';
+				tag += '					<dd>밝음</dd>\n';
+				tag += '				</div>\n';
+				tag += '				<div>\n';
+				tag += '					<dt>핏</dt>\n';
+				tag += '					<dd>레귤러</dd>\n';
+				tag += '				</div>\n';
+				tag += '				<div>\n';
+				tag += '					<dt>두께감</dt>\n';
+				tag += '					<dd>적당함</dd>\n';
+				tag += '				</div>\n';
+				tag += '			</dl>\n';
+				tag += '		</div>\n';
+				tag += '	</div>\n';
+				tag += '	<div class="photo_box">\n';
+				tag += '		<div class="photo_list">\n';
+				tag += '			<ul>\n';
+				tag += '				<li>\n';
+				tag += '					<a href="">\n';
+				tag += '						<div class="pic">\n';
+				tag += '							<span class="thumb mov" style="background-image:url(\'/images/pc/thumb/tmp_pdLookbook3.jpg\');"></span>\n'; //<!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+				tag += '						</div>\n';
+				tag += '					</a>\n';
+				tag += '				</li>\n';
+				tag += '			</ul>\n';
+				tag += '		</div>\n';
+				tag += '	</div>\n';
+				tag += '	<div class="txt_review_box">\n';
+				tag += '		<p>\n';
+				tag += '			옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.\n';
+				tag += '		</p>\n';
+				tag += '	</div>\n';
+				tag += '	<div class="reply_box">\n';
+				tag += '		<div class="reply">\n';
+				tag += '			<div class="reply_writer">\n';
+				tag += '				<span class="wr_name">관리자</span>\n';
+				tag += '				<span class="wr_date">2020.07.15</span>\n';
+				tag += '			</div>\n';
+				tag += '			<div class="reply_txt">\n';
+				tag += '				<p>\n';
+				tag += '					안녕하세요, 스타일24 관리자입니다.<br>\n';
+				tag += '				</p>\n';
+				tag += '			</div>\n';
+				tag += '		</div>\n';
+				tag += '	</div>\n';
+				tag += '</div>\n';
+				tag += '</li>\n';
+				
+				$('#ulGoodsReviewQna').append(tag);
+			});
+		} else {
+			$('.nodata').show();
+			$('.ui_row').hide();
+		}
+
+		// Create pagination
+		gagaPaging.createPagination(result.paging.pageable);
+	}
+	
 	$(document).ready( function() {
 
 		var sort_selecter01 = new sCombo('.area_rv_all .selection .select_custom.sort_opt1');
@@ -1305,11 +680,12 @@
 			}
 		});
 		
-
+		fnGetList();
+		
 	});
 
 	
-	//setTimeout(aa, 2000);
+	
 /*]]>*/
 </script>	
  </html>