|
|
@@ -58,113 +58,114 @@
|
|
|
</div>
|
|
|
<!-- //리뷰사진영역 -->
|
|
|
<!-- 리뷰내용 -->
|
|
|
- <div class="pd_review best">
|
|
|
- <div class="area_rv_all">
|
|
|
- <div class="btn_review_open">리뷰오픈</div>
|
|
|
- <div class="review_list">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <div class="review">
|
|
|
- <div class="info_box">
|
|
|
- <div class="star_score" th:with="starScore=${#numbers.formatDecimal((review.iscore*100/5), 0,0)}">
|
|
|
- <span class="star">
|
|
|
- <em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
|
|
|
- </span>
|
|
|
+ <div class="pop_detail">
|
|
|
+ <button type="button" class="pop_open_btn"><span class="sr-only"></span></button>
|
|
|
+ <div class="comment_wrap">
|
|
|
+ <div class="review_list">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="review">
|
|
|
+ <div class="info_box">
|
|
|
+ <div class="star_score" th:with="starScore=${#numbers.formatDecimal((review.iscore*100/5), 0,0)}">
|
|
|
+ <span class="star">
|
|
|
+ <em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="writer">
|
|
|
+ <span class="wr_id" th:text="${review.maskingCustId}">ab2****</span>
|
|
|
+ <span class="wr_date" th:text="${review.regDt}">2020.07.15</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="writer">
|
|
|
- <span class="wr_id" th:text="${review.maskingCustId}">ab2****</span>
|
|
|
- <span class="wr_date" th:text="${review.regDt}">2020.07.15</span>
|
|
|
+ <div class="response_box">
|
|
|
+ <div>
|
|
|
+ <dl>
|
|
|
+ <div th:if="${review.goodsOptionList != null and !review.goodsOptionList.empty}" >
|
|
|
+ <dt >구매옵션</dt>
|
|
|
+ <th:block th:each="reviewGoods, goodsStatus : ${review.goodsOptionList}">
|
|
|
+ <dd th:text="${reviewGoods.optCd1Nm +' / '+ reviewGoods.optCd2}">베이지 / 100</dd>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>키/몸무게</dt>
|
|
|
+ <dd><th:block th:if="${not #strings.isEmpty(review.height)}" th:text="|${review.height}cm / |"></th:block>
|
|
|
+ <th:block th:if="${not #strings.isEmpty(review.weight)}" th:text="|${review.weight}kg|"></th:block>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="response_box">
|
|
|
- <div>
|
|
|
- <dl>
|
|
|
- <div th:if="${review.goodsOptionList != null and !review.goodsOptionList.empty}" th:each="reviewGoods, goodsStatus : ${review.goodsOptionList}">
|
|
|
- <dt >구매옵션</dt>
|
|
|
- <dd th:text="${reviewGoods.optCd1 +' / '+ reviewGoods.optCd2}">베이지 / 100</dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>키/몸무게</dt>
|
|
|
- <dd><th:block th:if="${not #strings.isEmpty(review.height)}" th:text="|${review.height}cm / |"></th:block>
|
|
|
- <th:block th:if="${not #strings.isEmpty(review.weight)}" th:text="|${review.weight}kg|"></th:block>
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- </dl>
|
|
|
+ <div class="txt_review_box">
|
|
|
+ <p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.reviewContent))}">옷</p>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="txt_review_box">
|
|
|
- <p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.reviewContent))}">옷</p>
|
|
|
- </div>
|
|
|
- <div class="response_box2" th:if="${not #strings.isEmpty(review.sizeGb)}">
|
|
|
- <div>
|
|
|
- <dl>
|
|
|
- <div>
|
|
|
- <dt>사이즈</dt>
|
|
|
- <dd th:text="${review.scoreSizeNm}">작음</dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>컬러</dt>
|
|
|
- <dd th:text="${review.scoreColorNm}">밝음</dd>
|
|
|
- </div>
|
|
|
- <th:block th:if="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
|
|
|
- <div>
|
|
|
- <dt>핏</dt>
|
|
|
- <dd th:text="${review.scoreFitNm}">레귤러</dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>두께감</dt>
|
|
|
- <dd th:text="${review.scoreThickNm}">적당함</dd>
|
|
|
- </div>
|
|
|
- </th:block>
|
|
|
- <th:block th:unless="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
|
|
|
- <div>
|
|
|
- <dt>무게감</dt>
|
|
|
- <dd th:text="${review.scoreWeightNm}">레귤러</dd>
|
|
|
+ <div class="response_box2" th:if="${not #strings.isEmpty(review.sizeGb)}">
|
|
|
+ <div>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>사이즈</dt>
|
|
|
+ <dd th:text="${review.scoreSizeNm}">작음</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>컬러</dt>
|
|
|
+ <dd th:text="${review.scoreColorNm}">밝음</dd>
|
|
|
+ </div>
|
|
|
+ <th:block th:if="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
|
|
|
+ <div>
|
|
|
+ <dt>핏</dt>
|
|
|
+ <dd th:text="${review.scoreFitNm}">레귤러</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>두께감</dt>
|
|
|
+ <dd th:text="${review.scoreThickNm}">적당함</dd>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
|
|
|
+ <div>
|
|
|
+ <dt>무게감</dt>
|
|
|
+ <dd th:text="${review.scoreWeightNm}">레귤러</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>볼너비</dt>
|
|
|
+ <dd th:text="${review.scoreBallNm}">적당함</dd>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="reply_box" th:if="${not #strings.isEmpty(review.admRpl)}">
|
|
|
+ <div class="reply">
|
|
|
+ <div class="reply_writer">
|
|
|
+ <span class="wr_name">관리자</span>
|
|
|
+ <span class="wr_date" th:text="${review.admRplDt}" >2020.07.15</span>
|
|
|
</div>
|
|
|
- <div>
|
|
|
- <dt>볼너비</dt>
|
|
|
- <dd th:text="${review.scoreBallNm}">적당함</dd>
|
|
|
+ <div class="reply_txt">
|
|
|
+ <p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.admRpl))}">
|
|
|
+ 안녕하세요, 스타일24 관리자입니다.
|
|
|
+ </p>
|
|
|
</div>
|
|
|
- </th:block>
|
|
|
- </dl>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="reply_box" th:if="${not #strings.isEmpty(review.admRpl)}">
|
|
|
- <div class="reply">
|
|
|
- <div class="reply_writer">
|
|
|
- <span class="wr_name">관리자</span>
|
|
|
- <span class="wr_date" th:text="${review.admRplDt}" >2020.07.15</span>
|
|
|
- </div>
|
|
|
- <div class="reply_txt">
|
|
|
- <p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.admRpl))}">
|
|
|
- 안녕하세요, 스타일24 관리자입니다.
|
|
|
- </p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
<!-- //리뷰내용 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-<a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer('layer_review_best')" class="close-modal">Close</a>
|
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
|
|
|
|
$(document).ready( function() {
|
|
|
//슬라이드 - 포토,영상리뷰팝업
|
|
|
-// let reviewAttchSq = 0;
|
|
|
-// if (!gagajf.isNull( [[${review.attachSq}]])){
|
|
|
-// reviewAttchSq = [[${review.attachSq}]];
|
|
|
-// }
|
|
|
+ let reviewAttchSq = 0;
|
|
|
+ if (!gagajf.isNull( [[${review.attachSq}]])){
|
|
|
+ reviewAttchSq = [[${review.attachSq}]];
|
|
|
+ }
|
|
|
// reviewAttchSq = Number(reviewAttchSq) +1;
|
|
|
- //console.log("reviewAttchSq {}",reviewAttchSq);
|
|
|
+// console.log("reviewAttchSq {}",reviewAttchSq);
|
|
|
var photoreviewdetailSwiper = new Swiper('.pd_photoreviewdetail_pop .area_slider .swiper-container', {
|
|
|
observer: true,
|
|
|
observeParents: true,
|
|
|
@@ -174,6 +175,10 @@
|
|
|
type: 'fraction',
|
|
|
},
|
|
|
});
|
|
|
+
|
|
|
+ //선태 이미지 노출
|
|
|
+ photoreviewdetailSwiper.slideTo(reviewAttchSq, 0, false);
|
|
|
+
|
|
|
// 포토,베스트리뷰숨김
|
|
|
var review_open=$(".btn_review_open");
|
|
|
$(document).on('click','.btn_review_open',function(e){
|