style24
/
style24.front


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
							<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : GoodsQnaFormWeb.html
 * @desc	: 상품 문의 팝업
 *============================================================================
 * Wivismall
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE		 AUTHOR	  DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.03.05   eskim		최초 작성
 *******************************************************************************
 -->
 <div class="full_popup_wrap">
	<h5 class="sr-only">상품문의</h5>
	<div class="btn_close">
		<a href="javascript:void(0)" onclick="cfCloseFullLayer('layer_goods_qna');">닫기버튼</a>
	</div>
	<div class="full_pop_header">
		<!-- 해당 상품 -->
		<div class="item_prod" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}">
			<div class="item_state">
				<a href="javascript:void(0);" class="itemLink">
					<div class="itemPic">
						<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}">
					</div>
					<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">NBA 키즈</p>
					<div class="itemName" th:text="${goodsInfo.goodsFullNm}">유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
					<p class="itemPrice"><th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"> 134,100</th:block>
						<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}" th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">149,000</span>
						<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
					</p>
				</a>
			</div>
		</div>
		<!-- //해당 상품 -->
	</div>
	<div class="full_pop_container">
		<!-- 상품문의 리스트 내용 -->
		<div class="pd_qnalist">
		<form id="goodsQnaForm" name="goodsQnaForm" action="#" th:action="@{'/goods/qna/list'}">
		<input type="hidden" name="pageNo" value ="1"/>
		<input type="hidden" name="pageSize" value ="20"/>
		<input type="hidden" name="relGoodsCd" th:value ="${goodsInfo.goodsCd}"/>
			<div class="info_txt">
				<ul>
					<li>상품에 대해 궁금한 점이 있으시다면 문의해주세요.</li>
					<li>배송, 주문/결제, 취소/반품/교환/환불, 회원, 쿠폰/포인트, 이벤트 등의 자세한 문의사항은 고객센터 > 1:1문의를 이용하여 주시기 바랍니다.</li>
				</ul>			  
				<div class="btn_box">
					<button type="button" class="btn btn_default" onclick="cfnGoToPage(_PAGE_GOODS_QNA);"><span>고객센터 1:1문의</span></button>
					<button type="button" class="btn btn_dark" th:onclick="cfGoodsQngCreate([[${goodsInfo.goodsCd}]] )"><span>상품 문의하기</span></button>
				</div>	 
			</div>
			<div class="qna_list">
				<!-- 나열조건결과 있을 때 노출 내용 -->
				<div class="form_field">
					<input id="except_secret" type="checkbox" value="Y" name="secretYn" onclick=""><label for="except_secret"><span>비밀글제외</span></label>
				</div>
				<div class="ui_row">
					<div class="foldGroup case1">
						<ul id="ulGoodsQna">
						</ul>
					</div>
				</div>
				<div class="ui_foot">
					<div class="ui_row">
						<ul class="pageNav" id="pageNav">
						</ul>
					</div>			
				</div>
				<!-- //나열조건결과 있을 때 노출 내용 -->
				<!-- 나열조건결과 없을 때 노출 내용 -->
				<div class="nodata" style="display:none;">
					<div class="txt_box">
						<p>
							등록된 상품문의가 없습니다.
						</p>
					</div>
				</div>
				<!-- //나열조건결과 없을 때 노출 내용 -->
			</div>
		</form>	
		</div>
	</div>
</div>
<script src="/ux/plugins/gaga/gaga.paging.js"></script>
<script th:inline="javascript">
/*<![CDATA[*/
	
	let fnGetList = function() {
		// Initialize a pagination
		gagaPaging.init('goodsQnaForm', fnGetListCallback, 'pageNav', 20);

		// Load data
		gagaPaging.load(1);
	}
	
	var fnGetListCallback = function(result) {
		$('#ulGoodsQna').html('');
		$('.nodata').hide();
		// 목록
		if (result.dataList != null && result.dataList.length > 0) {
			
			$.each(result.dataList, function(idx, item) {
				let tag = '<li class="'+ (item.selfGb == 1 ? "my_qna" : "") +'">\n';  // <!-- 내가 쓴 글에 클래스 my_qna 추가 -->
				tag += '	<div class="fold_head">\n';
				tag += '		<a href="javascript:void(0)">\n';
				tag += '			<div>\n';
				tag += '				<span class="fold_state ' + (item.ansStat == "G060_10" ? "doing" : "done") + '">' + item.ansStatNm + '</span>\n'; //답변완료 : done / 처리중 : doing
				tag += '				<div class="fold_tit">\n';
				tag += '					<span>' + item.questContent + '</span>\n';
				if (item.selfGb == 1){
				tag += '					<i class="ico ico_myqna"></i>\n';	//내가 쓴 글에 추가되는 아이콘
				}
				if (item.secretYn == "Y"){
				tag += '					<i class="ico ico_secret"></i>\n';	//비밀글에 추가되는 아이콘
				}
				tag += '				</div>\n';
				tag += '				<div class="data">\n';
				tag += '					<span class="wr_id">'+ item.maskingCustId+'</span>\n';
				tag += '					<span class="wr_data">' + item.questDt + '</span>\n';
				tag += '				</div>\n';
				tag += '			</div>\n';
				tag += '		</a>\n';
				tag += '	</div>\n';
				tag += '	<div class="fold_cont" style="display: none;">\n';
				tag += '		<div class="fold_detail">\n'; //문의 내용
				tag += '			<div>\n';
				tag += '				<p>' + item.questContent + '</p>\n';
				tag += '			</div>\n';
				tag += '		</div>\n';
				
				if (item.ansStat == 'G060_20') { // 답변완료 상태일 때
					tag += '	<div class="fold_answer">\n'; //문의 답변
					tag += '		<div class="answer_head">답변이 등록되었습니다.</div>\n';
					tag += '		<div class="answer_body">' + item.ansContent + '</div>\n';
					tag += '		<span class="data">' + item.ansDt + '</span>\n';
					tag += '	</div>\n';
				}
				
				tag += '	</div>\n';
				tag += '</li>\n';
				
				$('#ulGoodsQna').append(tag);
			});
		} else {
			$('.nodata').show();
			$('.ui_foot').hide();
		}

		// Create pagination
		gagaPaging.createPagination(result.paging.pageable);
	}
	
	$(document).ready(function() {
		fnGetList();
	});
	
/*]]>*/
</script>

 </html>