|
@@ -299,12 +299,12 @@
|
|
|
<div class="best_review">
|
|
<div class="best_review">
|
|
|
<a href="javascript:void(0);" th:onclick="cfGoodsReviewDetail([[${goodsInfo.goodsCd}]], 'Y', '', [[${bestReview.reviewSq}]])" >
|
|
<a href="javascript:void(0);" th:onclick="cfGoodsReviewDetail([[${goodsInfo.goodsCd}]], 'Y', '', [[${bestReview.reviewSq}]])" >
|
|
|
<div class="pic" th:if="${bestReview.reviewAttachList != null and !bestReview.reviewAttachList.empty}">
|
|
<div class="pic" th:if="${bestReview.reviewAttachList != null and !bestReview.reviewAttachList.empty}">
|
|
|
- <th:block th:each="reviewAttach, attachStatus : ${bestReview.reviewAttachList}">
|
|
|
|
|
|
|
+ <th:block th:each="reviewAttach, attachStatus : ${bestReview.reviewAttachList}" th:if="${attachStatus.first}">
|
|
|
<span class="thumb" th:classAppend="${(reviewAttach.fileGb == 'M') ? 'mov' :''}" th:style="${'background-image:url('+imgUrl+ reviewAttach.sysFileNm+');'}"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
<span class="thumb" th:classAppend="${(reviewAttach.fileGb == 'M') ? 'mov' :''}" th:style="${'background-image:url('+imgUrl+ reviewAttach.sysFileNm+');'}"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
</th:block>
|
|
</th:block>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="pic" th:unless="${bestReview.reviewAttachList != null and !bestReview.reviewAttachList.empty}">
|
|
<div class="pic" th:unless="${bestReview.reviewAttachList != null and !bestReview.reviewAttachList.empty}">
|
|
|
- <span class="thumb" th:style="${'background-image:url('+imgGoodsUrl+ '/'+goodsInfo.sysImgNm+'?RS=365);'}">
|
|
|
|
|
|
|
+ <span class="thumb" th:style="${'background-image:url('+imgGoodsUrl+ '/'+goodsInfo.sysImgNm+'?RS=162);'}">
|
|
|
</span>
|
|
</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="star_score" th:with="starScore=${#numbers.formatDecimal((bestReview.iscore*100/5), 0,0)}">
|
|
<div class="star_score" th:with="starScore=${#numbers.formatDecimal((bestReview.iscore*100/5), 0,0)}">
|
|
@@ -347,7 +347,7 @@
|
|
|
</th:block>
|
|
</th:block>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="area_rv_all">
|
|
|
|
|
|
|
+ <div class="area_rv_all" style="display:none;">
|
|
|
<form id="goodsReviewForm" name="goodsReviewForm" action="#" th:action="@{'/goods/review/list'}">
|
|
<form id="goodsReviewForm" name="goodsReviewForm" action="#" th:action="@{'/goods/review/list'}">
|
|
|
<input type="hidden" name="pageNo" value ="1"/>
|
|
<input type="hidden" name="pageNo" value ="1"/>
|
|
|
<input type="hidden" name="pageSize" value ="20"/>
|
|
<input type="hidden" name="pageSize" value ="20"/>
|
|
@@ -474,6 +474,7 @@
|
|
|
// 목록
|
|
// 목록
|
|
|
if (result.dataList != null && result.dataList.length > 0) {
|
|
if (result.dataList != null && result.dataList.length > 0) {
|
|
|
|
|
|
|
|
|
|
+ $('.area_rv_all').show();
|
|
|
$.each(result.dataList, function(idx, item) {
|
|
$.each(result.dataList, function(idx, item) {
|
|
|
let tag = '<li>\n';
|
|
let tag = '<li>\n';
|
|
|
tag += '<div class="review">\n';
|
|
tag += '<div class="review">\n';
|
|
@@ -637,6 +638,21 @@
|
|
|
|
|
|
|
|
$(document).ready( function() {
|
|
$(document).ready( function() {
|
|
|
|
|
|
|
|
|
|
+ //슬라이드 - 베스트리뷰
|
|
|
|
|
+ var bestReviewtSwiper = new Swiper('.area_rv_best .swiper-container', {
|
|
|
|
|
+ slidesPerView: 2,
|
|
|
|
|
+ spaceBetween: 20,
|
|
|
|
|
+ navigation: {
|
|
|
|
|
+ nextEl: '.area_rv_best .swiper-button-next',
|
|
|
|
|
+ prevEl: '.area_rv_best .swiper-button-prev',
|
|
|
|
|
+ },
|
|
|
|
|
+ pagination: {
|
|
|
|
|
+ el: '.area_rv_best .swiper-pagination',
|
|
|
|
|
+ clickable: true,
|
|
|
|
|
+ },
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
var sort_selecter01 = new sCombo('.area_rv_all .selection .select_custom.sort_opt1');
|
|
var sort_selecter01 = new sCombo('.area_rv_all .selection .select_custom.sort_opt1');
|
|
|
var sort_selecter02 = new sCombo('.area_rv_all .selection .select_custom.sort_opt2');
|
|
var sort_selecter02 = new sCombo('.area_rv_all .selection .select_custom.sort_opt2');
|
|
|
var sort_selecter03 = new sCombo('.area_rv_all .selection .select_custom.sort_opt3');
|
|
var sort_selecter03 = new sCombo('.area_rv_all .selection .select_custom.sort_opt3');
|
|
@@ -651,8 +667,7 @@
|
|
|
$(this).parents('div dl dd').find('.ratio .progbar').attr('style', 'width:' + reviewRatio);
|
|
$(this).parents('div dl dd').find('.ratio .progbar').attr('style', 'width:' + reviewRatio);
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
-
|
|
|
|
|
- fnGetList();
|
|
|
|
|
|
|
+ fnGetList();
|
|
|
|
|
|
|
|
});
|
|
});
|
|
|
|
|
|