|
|
@@ -22,7 +22,7 @@
|
|
|
</th:block>
|
|
|
<th:block th:unless="${review.bestYn == 'Y'}">
|
|
|
<h5 class="modal-title" id="exampleFullLabel">
|
|
|
- <button type="button" id="btn_more_photoreview"></button>
|
|
|
+ <button type="button" id="btn_more_photoreview" th:onclick="cfGoodsReviewPhoto([[${params.goodsCd}]])" ></button>
|
|
|
포토/영상리뷰
|
|
|
</h5>
|
|
|
</th:block>
|
|
|
@@ -44,6 +44,7 @@
|
|
|
<img th:src="${imgUrl+'/'+reviewAttach.sysFileNm}" alt="">
|
|
|
</th:block>
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
</th:block>
|
|
|
</th:block>
|
|
|
@@ -57,96 +58,101 @@
|
|
|
</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>
|
|
|
+ <dd>
|
|
|
+ <th:block th:each="reviewGoods, goodsStatus : ${review.goodsOptionList}">
|
|
|
+ <th:block th:text="${reviewGoods.optCd1Nm +' / '+ reviewGoods.optCd2}">베이지 / 100</th:block>
|
|
|
+ <th:block th:if="${not goodsStatus.last}" th:text="${','}"></th:block>
|
|
|
+ </th:block>
|
|
|
+ </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>
|
|
|
</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>
|
|
|
@@ -180,6 +186,11 @@
|
|
|
$(this).next(".review_list").toggleClass('active');
|
|
|
return false;
|
|
|
});
|
|
|
+
|
|
|
+ // 상품평 상세 토글
|
|
|
+ $(document).on('click','.pop_open_btn',function(){
|
|
|
+ $('.modal.photo_comment_popup .pop_detail').toggleClass('active');
|
|
|
+ });
|
|
|
|
|
|
});
|
|
|
|
sowon4187