|
@@ -2,7 +2,7 @@
|
|
|
<html lang="ko"
|
|
<html lang="ko"
|
|
|
xmlns:th="http://www.thymeleaf.org"
|
|
xmlns:th="http://www.thymeleaf.org"
|
|
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
- layout:decorator="web/common/layout/CallcenterLayoutWeb">
|
|
|
|
|
|
|
+ layout:decorator="mob/common/layout/CallcenterLayoutMob">
|
|
|
<!--
|
|
<!--
|
|
|
*******************************************************************************
|
|
*******************************************************************************
|
|
|
* @source : OneToOneQnaFormWeb.html
|
|
* @source : OneToOneQnaFormWeb.html
|
|
@@ -57,8 +57,8 @@
|
|
|
<!-- //list2 -->
|
|
<!-- //list2 -->
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="ui_foot" id="nextPage">
|
|
|
|
|
- <button class="btn btnM btnIcon_more" onclick="fnGetList();">더보기</button>
|
|
|
|
|
|
|
+ <div class="ui_foot">
|
|
|
|
|
+ <button class="btn btnM btnIcon_more" id="btnQnaMore">더보기</button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</section>
|
|
</section>
|
|
@@ -81,7 +81,7 @@
|
|
|
<div class="pop_cont">
|
|
<div class="pop_cont">
|
|
|
<!-- Swiper -->
|
|
<!-- Swiper -->
|
|
|
<div class="swiper-container cs_pop">
|
|
<div class="swiper-container cs_pop">
|
|
|
- <div class="swiper-wrapper">
|
|
|
|
|
|
|
+ <div class="swiper-wrapper" id="qnaImg">
|
|
|
<div class="swiper-slide"><div class="pop_img" style="background-image: url(/images/mo/cs_pop_people.png);"></div></div>
|
|
<div class="swiper-slide"><div class="pop_img" style="background-image: url(/images/mo/cs_pop_people.png);"></div></div>
|
|
|
<div class="swiper-slide"><div class="pop_img" style="background-image: url(/images/mo/cs_pop_people2.png);"></div></div>
|
|
<div class="swiper-slide"><div class="pop_img" style="background-image: url(/images/mo/cs_pop_people2.png);"></div></div>
|
|
|
</div>
|
|
</div>
|
|
@@ -101,38 +101,43 @@
|
|
|
<input type="hidden" name="pageSize" value ="10"/>
|
|
<input type="hidden" name="pageSize" value ="10"/>
|
|
|
</form>
|
|
</form>
|
|
|
|
|
|
|
|
-<script src="/ux/plugins/gaga/gaga.paging.js"></script>
|
|
|
|
|
<script th:inline="javascript">
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
/*<![CDATA[*/
|
|
|
// JQUERY를 이용한 버튼 모달 팝업
|
|
// JQUERY를 이용한 버튼 모달 팝업
|
|
|
- $(".thumb_pic").click(function() {
|
|
|
|
|
|
|
+ $(document).on('click', '.thumb_pic', function() {
|
|
|
|
|
+ let oImg = $(this).parent('.img_group').find('.thumb_pic');
|
|
|
|
|
+ $('#qnaImg').html('');
|
|
|
|
|
+ for (let i = 0; i < oImg.length; i++) {
|
|
|
|
|
+ $('#qnaImg').append('<div class="swiper-slide"><div class="pop_img"><img src="' + oImg.find('img').eq(i).attr("src") + '"/></div></div>');
|
|
|
|
|
+ }
|
|
|
$("#thumb_pic").modal("show");
|
|
$("#thumb_pic").modal("show");
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- // 슬라이더_팝업에 문의이미지슬라이드
|
|
|
|
|
- var swiper = new Swiper('#thumb_pic .swiper-container.cs_pop', {
|
|
|
|
|
- observer: true,
|
|
|
|
|
- observeParents: true,
|
|
|
|
|
- pagination: {
|
|
|
|
|
- el: '#thumb_pic .swiper-pagination',
|
|
|
|
|
- },
|
|
|
|
|
|
|
+
|
|
|
|
|
+ // 슬라이더_팝업에 이미지슬라이드
|
|
|
|
|
+ var swiper = new Swiper('#thumb_pic .swiper-container.cs_pop', {
|
|
|
|
|
+ observer: true,
|
|
|
|
|
+ observeParents: true,
|
|
|
|
|
+ pagination: {
|
|
|
|
|
+ el: '#thumb_pic .swiper-pagination',
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
$(document).ready(function() {
|
|
|
|
|
+ // 타이틀명
|
|
|
|
|
+ $('#htopTitle').text('고객센터');
|
|
|
|
|
+
|
|
|
// 고객센터 GNB 설정
|
|
// 고객센터 GNB 설정
|
|
|
fnSetCallcenterGnb(2);
|
|
fnSetCallcenterGnb(2);
|
|
|
|
|
|
|
|
- fnGetList(1);
|
|
|
|
|
|
|
+ $('#btnQnaMore').trigger('click');
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
- let fnGetList = function(page) {
|
|
|
|
|
- // Initialize a pagination
|
|
|
|
|
- gagaPaging.init('qnaForm', fnGetListCallback, 'pageNav', 10);
|
|
|
|
|
-
|
|
|
|
|
- // Load data
|
|
|
|
|
- gagaPaging.load(page);
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ // 더보기
|
|
|
|
|
+ $('#btnQnaMore').on('click', function() {
|
|
|
|
|
+ gagajf.ajaxFormSubmit($('#qnaForm').prop('action'), '#qnaForm', fnGetListCallback);
|
|
|
|
|
+ });
|
|
|
|
|
|
|
|
|
|
+ // QNA 콜백함수
|
|
|
var fnGetListCallback = function(result) {
|
|
var fnGetListCallback = function(result) {
|
|
|
$('#ulQna').html('');
|
|
$('#ulQna').html('');
|
|
|
|
|
|
|
@@ -140,82 +145,77 @@
|
|
|
if (result.dataList != null && result.dataList.length > 0) {
|
|
if (result.dataList != null && result.dataList.length > 0) {
|
|
|
$.each(result.dataList, function(idx, item) {
|
|
$.each(result.dataList, function(idx, item) {
|
|
|
let tag = '<li>\n';
|
|
let tag = '<li>\n';
|
|
|
- tag += ' <div class="inner wide">\n';
|
|
|
|
|
- tag += ' <div class="ui_row">\n'; //데이터 없을시 클래스 nodata 추가
|
|
|
|
|
- tag += ' <div class="foldGroup case2">\n';
|
|
|
|
|
- tag += ' <ul>\n';
|
|
|
|
|
- tag += ' <li>\n';
|
|
|
|
|
- tag += ' <div class="fold_head">\n';
|
|
|
|
|
- tag += ' <a href="javascript:void(0)">\n';
|
|
|
|
|
- tag += ' <div>\n';
|
|
|
|
|
- tag += ' <div class="fold_tit">\n';
|
|
|
|
|
- tag += ' <div class="lap1">\n';
|
|
|
|
|
- tag += ' <span class="fold_state ' + (item.ansStat == "G060_10" ? "doing" : "done") + '">' + item.ansStatNm + '</span>\n'; //답변완료 : done / 처리중 : doing
|
|
|
|
|
- tag += ' <span class="prod">' + item.counselClsfNm + '</span>\n';
|
|
|
|
|
- tag += ' </div>\n';
|
|
|
|
|
- tag += ' <div class="lap2"><span>' + item.questTitle + '</span></div>\n';
|
|
|
|
|
- tag += ' </div>\n';
|
|
|
|
|
- tag += ' <span class="data">' + item.questDt + '</span>\n';
|
|
|
|
|
|
|
+ tag += ' <div class="fold_head">\n';
|
|
|
|
|
+ tag += ' <a href="javascript:void(0)">\n';
|
|
|
|
|
+ tag += ' <div>\n';
|
|
|
|
|
+ tag += ' <div class="fold_tit">\n';
|
|
|
|
|
+ tag += ' <div class="lap1">\n';
|
|
|
|
|
+ tag += ' <span class="fold_state ' + (item.ansStat == "G060_10" ? "doing" : "done") + '">' + item.ansStatNm + '</span>\n'; //답변완료 : done / 처리중 : doing
|
|
|
|
|
+ tag += ' <span class="prod">' + item.counselClsfNm + '</span>\n';
|
|
|
tag += ' </div>\n';
|
|
tag += ' </div>\n';
|
|
|
- tag += ' </a>\n';
|
|
|
|
|
|
|
+ tag += ' <div class="lap2"><span>' + item.questTitle + '</span></div>\n';
|
|
|
|
|
+ tag += ' </div>\n';
|
|
|
|
|
+ tag += ' <span class="data">' + item.questDt + '</span>\n';
|
|
|
tag += ' </div>\n';
|
|
tag += ' </div>\n';
|
|
|
- tag += ' <div class="fold_cont">\n';
|
|
|
|
|
- tag += ' <div class="fold_detail">\n';
|
|
|
|
|
- tag += ' <div>' + item.questContent + '</p>\n';
|
|
|
|
|
|
|
+ tag += ' </a>\n';
|
|
|
|
|
+ tag += ' </div>\n';
|
|
|
|
|
+ tag += ' <div class="fold_cont">\n';
|
|
|
|
|
+ tag += ' <div class="fold_detail">\n';
|
|
|
|
|
+ tag += ' <div><p>' + item.questContent + '</p></div>\n';
|
|
|
|
|
|
|
|
if (!gagajf.isNull(item.sysFileNm1) || !gagajf.isNull(item.sysFileNm2)) {
|
|
if (!gagajf.isNull(item.sysFileNm1) || !gagajf.isNull(item.sysFileNm2)) {
|
|
|
- tag += ' <p class="img_group">\n';
|
|
|
|
|
|
|
+ tag += ' <p class="img_group">\n';
|
|
|
|
|
|
|
|
if (!gagajf.isNull(item.sysFileNm1)) {
|
|
if (!gagajf.isNull(item.sysFileNm1)) {
|
|
|
- tag += ' <span class="thumb_pic">\n';
|
|
|
|
|
- tag += ' <img src="' + _uploadImageUrl + '/counsel/' + item.sysFileNm1 + '" alt="" onerror="this.src=\'/image/bg_profile.png\'">\n';
|
|
|
|
|
- tag += ' </span>\n';
|
|
|
|
|
|
|
+ tag += ' <span class="thumb_pic">\n';
|
|
|
|
|
+ tag += ' <img src="' + _uploadImageUrl + '/counsel/' + item.sysFileNm1 + '" alt="" onerror="this.src=\'/image/bg_profile.png\'">\n';
|
|
|
|
|
+ tag += ' </span>\n';
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
if (!gagajf.isNull(item.sysFileNm2)) {
|
|
if (!gagajf.isNull(item.sysFileNm2)) {
|
|
|
- tag += ' <span class="thumb_pic">\n';
|
|
|
|
|
- tag += ' <img src="' + _uploadImageUrl + '/counsel/' + item.sysFileNm2 + '" alt="" onerror="this.src=\'/image/bg_profile.png\'">\n';
|
|
|
|
|
- tag += ' </span>\n';
|
|
|
|
|
|
|
+ tag += ' <span class="thumb_pic">\n';
|
|
|
|
|
+ tag += ' <img src="' + _uploadImageUrl + '/counsel/' + item.sysFileNm2 + '" alt="" onerror="this.src=\'/image/bg_profile.png\'">\n';
|
|
|
|
|
+ tag += ' </span>\n';
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- tag += ' </p>\n';
|
|
|
|
|
|
|
+ tag += ' </p>\n';
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- tag += ' </div>\n';
|
|
|
|
|
- tag += ' </div>\n';
|
|
|
|
|
|
|
+ tag += ' </div>\n';
|
|
|
|
|
|
|
|
if (item.ansStat == 'G060_20') { // 답변완료 상태일 때
|
|
if (item.ansStat == 'G060_20') { // 답변완료 상태일 때
|
|
|
- tag += ' <div class="fold_answer">\n';
|
|
|
|
|
- tag += ' <div>\n';
|
|
|
|
|
- tag += ' <div class="answer_body">' + item.ansContent + '</div>\n';
|
|
|
|
|
- tag += ' <div class="answer_foot">\n';
|
|
|
|
|
- tag += ' <span class="data">' + item.ansDt + '</span>\n';
|
|
|
|
|
|
|
+ tag += ' <div class="fold_answer">\n';
|
|
|
|
|
+ tag += ' <div>\n';
|
|
|
|
|
+ tag += ' <div class="answer_body">' + item.ansContent + '</div>\n';
|
|
|
|
|
+ tag += ' <div class="answer_foot">\n';
|
|
|
|
|
+ tag += ' <span class="data">' + item.ansDt + '</span>\n';
|
|
|
|
|
|
|
|
- if (item.ansStat == 'G060_10') { // 처리중일때
|
|
|
|
|
-// tag += ' <button type="button" class="btn_delete" onclick="fnDeleteQna(' + item.counselSq + ');"><span>삭제</span></button>
|
|
|
|
|
|
|
+ if (item.ansStat == 'G060_20') { // 답변완료일때
|
|
|
|
|
+ tag += ' <button type="button" class="btn_delete" onclick="fnDeleteQna(' + item.counselSq + ');"><span>삭제</span></button>\n';
|
|
|
}
|
|
}
|
|
|
- tag += ' </div>\n';
|
|
|
|
|
- tag += ' </div>\n';
|
|
|
|
|
|
|
+
|
|
|
tag += ' </div>\n';
|
|
tag += ' </div>\n';
|
|
|
|
|
+ tag += ' </div>\n';
|
|
|
|
|
+ tag += ' </div>\n';
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- tag += ' </div>\n';
|
|
|
|
|
tag += ' </div>\n';
|
|
tag += ' </div>\n';
|
|
|
tag += '</li>\n';
|
|
tag += '</li>\n';
|
|
|
|
|
|
|
|
$('#ulQna').append(tag);
|
|
$('#ulQna').append(tag);
|
|
|
});
|
|
});
|
|
|
|
|
+ $('#divQna').removeClass('nodata');
|
|
|
} else {
|
|
} else {
|
|
|
let tag = '<li>내역이 없습니다.</li>\n';
|
|
let tag = '<li>내역이 없습니다.</li>\n';
|
|
|
$('#ulQna').append(tag);
|
|
$('#ulQna').append(tag);
|
|
|
$('#divQna').addClass('nodata');
|
|
$('#divQna').addClass('nodata');
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- // 더보기 버튼 노출/미노출
|
|
|
|
|
- if (result.paging.pageable.totalPage == result.paging.pageable.currPage) {
|
|
|
|
|
- $('#nextPage').hide();
|
|
|
|
|
|
|
+ if (result.paging.pageable.totalPage > result.paging.pageable.pageNo) {
|
|
|
|
|
+ $('#btnQnaMore').parent().show();
|
|
|
|
|
+ $('#qnaForm input[name=pageNo]').val(result.paging.pageable.pageNo + 1);
|
|
|
} else {
|
|
} else {
|
|
|
- $('#nextPage').show();
|
|
|
|
|
|
|
+ $('#btnQnaMore').parent().hide();
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -232,7 +232,7 @@
|
|
|
gagajf.ajaxJsonSubmit('/callcenter/onetoone/qna/delete'
|
|
gagajf.ajaxJsonSubmit('/callcenter/onetoone/qna/delete'
|
|
|
, jsonData
|
|
, jsonData
|
|
|
, function() {
|
|
, function() {
|
|
|
- fnGetList();
|
|
|
|
|
|
|
+ $('#btnQnaMore').trigger('click');
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|