|
|
@@ -36,23 +36,23 @@
|
|
|
</div>
|
|
|
<th:block th:each="a, template : ${templateOrd}">
|
|
|
<th:block th:if="${a.tmplType == 'G082_10'}">
|
|
|
- <div class="inner bg_gray" th:id="${a.tmplType}">
|
|
|
+ <div class="inner bg_gray" th:id="${a.tmplType}" style="display: none">
|
|
|
</div>
|
|
|
</th:block>
|
|
|
<th:block th:if="${a.tmplType == 'G082_20'}">
|
|
|
- <div class="inner" th:id="${a.tmplType}">
|
|
|
+ <div class="inner" th:id="${a.tmplType}" style="display: none">
|
|
|
</div>
|
|
|
</th:block>
|
|
|
<th:block th:if="${a.tmplType == 'G082_30'}"><!-- 이미지 -->
|
|
|
- <div class="inner wide" th:id="${a.tmplType}">
|
|
|
+ <div class="inner wide" th:id="${a.tmplType}" style="display: none">
|
|
|
</div>
|
|
|
</th:block>
|
|
|
<th:block th:if="${a.tmplType == 'G082_50'}">
|
|
|
- <div class="inner wide" th:id="${a.tmplType + a.planContSq}">
|
|
|
+ <div class="inner wide" th:id="${a.tmplType + a.planContSq}" style="display: none">
|
|
|
</div>
|
|
|
</th:block>
|
|
|
<th:block th:if="${a.tmplType == 'G082_51'}">
|
|
|
- <div class="inner" th:id="${a.tmplType + a.planContSq}">
|
|
|
+ <div class="inner" th:id="${a.tmplType + a.planContSq}" style="display: none">
|
|
|
<div class="dp_listItems_wrap">
|
|
|
<h2 class="dp_subtitle">
|
|
|
<a th:if="${a.linkUrl!=null && a.linkUrl!=''}" th:href="${a.linkUrl}" th:text="${a.title}"></a>
|
|
|
@@ -66,11 +66,11 @@
|
|
|
</div>
|
|
|
</th:block>
|
|
|
<th:block th:if="${a.tmplType == 'G082_52'}">
|
|
|
- <div class="inner" th:id="${a.tmplType + a.planContSq}">
|
|
|
+ <div class="inner" th:id="${a.tmplType + a.planContSq}" style="display: none">
|
|
|
</div>
|
|
|
</th:block>
|
|
|
<th:block th:if="${a.tmplType == 'G082_60'}">
|
|
|
- <div class="inner" th:id="${a.tmplType}">
|
|
|
+ <div class="inner" th:id="${a.tmplType}" style="display: none">
|
|
|
</div>
|
|
|
</th:block>
|
|
|
</th:block>
|
|
|
@@ -122,22 +122,7 @@
|
|
|
</div>
|
|
|
<!-- 댓글 -->
|
|
|
<div class="cmt_group" id="replyList">
|
|
|
- <!-- <div class="paging_wrap">
|
|
|
- <ul class="pageNav">
|
|
|
- <li class="prev"><a href="#"><span class="sr-only">이전</span></a></li>
|
|
|
- <li class="active">01</li>
|
|
|
- <li>/</li>
|
|
|
- <li>10</li>
|
|
|
- <li class="next"><a href="#"><span class="sr-only">다음</span></a></li>
|
|
|
- </ul>
|
|
|
- </div> -->
|
|
|
- <!-- 임시 -->
|
|
|
- <!-- <div class="paging_wrap">
|
|
|
- <ul class="pageNav" id="paging">
|
|
|
|
|
|
- </ul>
|
|
|
- </div> -->
|
|
|
- <!-- 임시 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
@@ -270,13 +255,18 @@
|
|
|
<script src="/ux/plugins/gaga/gaga.paging.js"></script>
|
|
|
<script th:inline="javascript">
|
|
|
let review = [[${reviewInfo}]];
|
|
|
+let reviewContent = [[${reviewContent}]];
|
|
|
let coupon = [[${couponInfo}]];
|
|
|
+let couponContent = [[${couponContent}]];
|
|
|
let plan = [[${planInfo}]];
|
|
|
let image = [[${imageInfo}]];
|
|
|
let notice = [[${noticeInfo}]];
|
|
|
let goods1 = [[${goods1Info}]];
|
|
|
+let goods1Content = [[${goods1Content}]];
|
|
|
let goods2 = [[${goods2Info}]];
|
|
|
+let goods2Content = [[${goods2Content}]];
|
|
|
let goods4 = [[${goods4Info}]];
|
|
|
+let goods4Content = [[${goods4Content}]];
|
|
|
let template =[[${templateOrd}]];
|
|
|
let replyList = [[${replyList}]];
|
|
|
let replyCount = [[${replyCount}]];
|
|
|
@@ -458,6 +448,8 @@ var fnReplySave = function() {
|
|
|
}
|
|
|
|
|
|
if (notice.length>0) {
|
|
|
+ $("#G082_60").show();
|
|
|
+
|
|
|
var html = '';
|
|
|
|
|
|
html += '<div class="announce_txt">';
|
|
|
@@ -560,7 +552,7 @@ if(planCornerList.length>0){
|
|
|
|
|
|
}
|
|
|
|
|
|
-if(goods1.length>0){
|
|
|
+if(template.length>0){
|
|
|
var array = [];
|
|
|
|
|
|
for (var j = 0; j < template.length; j++) {
|
|
|
@@ -571,6 +563,9 @@ if(goods1.length>0){
|
|
|
for (var i = 0; i < template.length; i++) {
|
|
|
var html = '';
|
|
|
if(template[i].tmplType == 'G082_50' && array[0] == template[i].planContSq && typeof array[0] != 'undefined') {
|
|
|
+ if(template[i].title != null && template[i].title != ''){
|
|
|
+ $("#G082_50" +template[i].planContSq).show();
|
|
|
+ }
|
|
|
html += '<div class="dp_listItems_cont type1">\n';
|
|
|
html += ' <h2 class="dp_subtitle">\n';
|
|
|
if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
|
|
|
@@ -587,6 +582,7 @@ if(goods1.length>0){
|
|
|
html += ' <div class="swiper-wrapper">\n';
|
|
|
$.each(goods1, function(idx, item) {
|
|
|
if (item.planContSq == template[i].planContSq) {
|
|
|
+ $("#G082_50" + item.planContSq).show();
|
|
|
html += ' <div class="swiper-slide">\n';
|
|
|
html += ' <div class="item_prod">\n';
|
|
|
html += ' <div class="item_state">\n';
|
|
|
@@ -630,50 +626,53 @@ if(goods1.length>0){
|
|
|
var fnCompleteList = function () {
|
|
|
$.each(template, function(idx, item) {
|
|
|
if(item.tmplType == "G082_51"){
|
|
|
+ if(item.title != null && item.title != ''){
|
|
|
+ $("#G082_51" +item.planContSq).show();
|
|
|
+ }
|
|
|
var form = '#searchForm1_G082_51'+item.planContSq;
|
|
|
gagajf.ajaxFormSubmit('/planning/goods/list', form, fnGetCompleteCallback);
|
|
|
}
|
|
|
-
|
|
|
});
|
|
|
-
|
|
|
}
|
|
|
|
|
|
var fnGetCompleteCallback = function (result) {
|
|
|
- if (result.dataList != null && result.dataList.length > 0) {
|
|
|
- var html = '';
|
|
|
- $.each(result.dataList, function(idx, item) {
|
|
|
- html += ' <div class="item_prod">\n';
|
|
|
- html += ' <div class="item_state">\n';
|
|
|
- html += ' <a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">\n';
|
|
|
- html += ' <div class="itemPic">\n';
|
|
|
- html += ' <img class="vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' <p class="itemBrand">'+item.brandGroupNm+'</p>\n';
|
|
|
- html += ' <div class="itemName">'+item.goodsNm+'</div>\n';
|
|
|
- html += ' <p class="itemPrice">\n';
|
|
|
- if (item.currPrice != item.listPrice) {
|
|
|
- html += ' <span class="itemPrice_original">'+item.listPrice.addComma()+'</span>\n';
|
|
|
- }
|
|
|
- html += item.currPrice.addComma();
|
|
|
- if (item.currPrice != item.listPrice) {
|
|
|
- html += ' <span class="itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
|
|
|
- }
|
|
|
- html += ' </p>\n';
|
|
|
- if(item.goodsTnm != null){
|
|
|
- html += ' <div class="itemComment">'+item.goodsTnm+'</div>\n';
|
|
|
+ if(template.length>0){
|
|
|
+ if (result.dataList != null && result.dataList.length > 0) {
|
|
|
+ var html = '';
|
|
|
+ $.each(result.dataList, function(idx, item) {
|
|
|
+ html += ' <div class="item_prod">\n';
|
|
|
+ html += ' <div class="item_state">\n';
|
|
|
+ html += ' <a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">\n';
|
|
|
+ html += ' <div class="itemPic">\n';
|
|
|
+ html += ' <img class="vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <p class="itemBrand">'+item.brandGroupNm+'</p>\n';
|
|
|
+ html += ' <div class="itemName">'+item.goodsNm+'</div>\n';
|
|
|
+ html += ' <p class="itemPrice">\n';
|
|
|
+ if (item.currPrice != item.listPrice) {
|
|
|
+ html += ' <span class="itemPrice_original">'+item.listPrice.addComma()+'</span>\n';
|
|
|
+ }
|
|
|
+ html += item.currPrice.addComma();
|
|
|
+ if (item.currPrice != item.listPrice) {
|
|
|
+ html += ' <span class="itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
|
|
|
+ }
|
|
|
+ html += ' </p>\n';
|
|
|
+ if(item.goodsTnm != null){
|
|
|
+ html += ' <div class="itemComment">'+item.goodsTnm+'</div>\n';
|
|
|
+ }
|
|
|
+ html += ' </a>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ });
|
|
|
+ $('#group_'+result.dataList[0].planContSq).append(html);
|
|
|
+ if (result.paging1.pageable2.totalPage > result.paging1.pageable2.pageNo) {
|
|
|
+
|
|
|
+ $('#moreBtn_' + result.dataList[0].planContSq).show();
|
|
|
+ $('#searchForm1_G082_51'+result.dataList[0].planContSq +' input[name=pageNo2]').val(result.paging1.pageable2.pageNo + 1);
|
|
|
+
|
|
|
+ }else{
|
|
|
+ $('#moreBtn_' + result.dataList[0].planContSq).hide();
|
|
|
}
|
|
|
- html += ' </a>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- });
|
|
|
- $('#group_'+result.dataList[0].planContSq).append(html);
|
|
|
- if (result.paging1.pageable2.totalPage > result.paging1.pageable2.pageNo) {
|
|
|
-
|
|
|
- $('#moreBtn_' + result.dataList[0].planContSq).show();
|
|
|
- $('#searchForm1_G082_51'+result.dataList[0].planContSq +' input[name=pageNo2]').val(result.paging1.pageable2.pageNo + 1);
|
|
|
-
|
|
|
- }else{
|
|
|
- $('#moreBtn_' + result.dataList[0].planContSq).hide();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -685,7 +684,7 @@ var moreBtn = function (obj) {
|
|
|
|
|
|
|
|
|
|
|
|
-if(goods4.length>0){
|
|
|
+if(template.length>0){
|
|
|
var array = [];
|
|
|
var html = '';
|
|
|
for (var j = 0; j < template.length; j++) {
|
|
|
@@ -696,6 +695,9 @@ if(goods4.length>0){
|
|
|
|
|
|
for (var i = 0; i < template.length; i++) {
|
|
|
if(template[i].tmplType == 'G082_52' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
|
|
|
+ if(template[i].title != null && template[i].title != ''){
|
|
|
+ $("#G082_52" +template[i].planContSq).show();
|
|
|
+ }
|
|
|
html += '<div class="dp_listItems_cont type2">\n';
|
|
|
if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
|
|
|
if (template[i].linkOpenGb == "M") { //본창
|
|
|
@@ -710,6 +712,7 @@ if(goods4.length>0){
|
|
|
html += ' <div class="swiper-container item02">\n';
|
|
|
html += ' <div class="swiper-wrapper">\n';
|
|
|
$.each(goods4, function(idx, item) {
|
|
|
+ $("#G082_52" + item.planContSq).show();
|
|
|
html += ' <div class="swiper-slide">\n';
|
|
|
html += ' <div class="item_prod">\n';
|
|
|
html += ' <div class="item_state">\n';
|
|
|
@@ -751,185 +754,204 @@ if(goods4.length>0){
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-if(review.length>0){
|
|
|
-
|
|
|
- var html = '';
|
|
|
-
|
|
|
- html += '<div class="dp_review_cont">\n';
|
|
|
- html += ' <div class="dp_review">\n';
|
|
|
- html += ' <h2 class="dp_subtitle">'+review[0].title+'</h2>\n';
|
|
|
- html += ' <div class="review">\n';
|
|
|
- html += ' <div class="swiper-container review_list">\n';
|
|
|
- html += ' <div class="swiper-wrapper">\n';
|
|
|
- $.each(review, function(idx, item) {
|
|
|
- html += ' <div class="swiper-slide">\n';
|
|
|
- html += ' <div>\n';
|
|
|
- html += ' <div class="best_review">\n';
|
|
|
- if(item.reviewSysImg!= null){
|
|
|
- html += ' <a href="javascript:void();" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'\', \'Y\',\''+item.reviewSq+'\');">\n';
|
|
|
- }else{
|
|
|
- html += ' <a href="javascript:void();" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'\', \'N\',\''+item.reviewSq+'\');">\n';
|
|
|
- }
|
|
|
- html += ' <div class="lap">\n';
|
|
|
- html += ' <div class="pic">\n';
|
|
|
- if(item.reviewSysImg!= null){
|
|
|
- if (item.fileGb == 'M') {
|
|
|
- html += ' <span class="thumb mov" style="background-image:url('+ _uploadImageUrl+item.reviewSysImg +');"></span>\n';
|
|
|
+if(template.length>0){
|
|
|
+ if(review.length>0 || reviewContent[0].title != ''){
|
|
|
+ $("#G082_10").show();
|
|
|
+ var html = '';
|
|
|
+
|
|
|
+ html += '<div class="dp_review_cont">\n';
|
|
|
+ html += ' <div class="dp_review">\n';
|
|
|
+ html += ' <h2 class="dp_subtitle">'+reviewContent[0].title+'</h2>\n';
|
|
|
+ html += ' <div class="review">\n';
|
|
|
+ html += ' <div class="swiper-container review_list">\n';
|
|
|
+ html += ' <div class="swiper-wrapper">\n';
|
|
|
+ $.each(review, function(idx, item) {
|
|
|
+ html += ' <div class="swiper-slide">\n';
|
|
|
+ html += ' <div>\n';
|
|
|
+ html += ' <div class="best_review">\n';
|
|
|
+ if(item.reviewSysImg!= null){
|
|
|
+ if (item.bestYn == 'Y') {
|
|
|
+ html += ' <a href="javascript:void();" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'Y\', \'Y\',\''+item.reviewSq+'\');">\n';
|
|
|
+ }else{
|
|
|
+ html += ' <a href="javascript:void();" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'N\', \'Y\',\''+item.reviewSq+'\');">\n';
|
|
|
+ }
|
|
|
}else{
|
|
|
- html += ' <span class="thumb" style="background-image:url('+ _uploadImageUrl +item.reviewSysImg +');"></span>\n';
|
|
|
+ if (item.bestYn == 'Y') {
|
|
|
+ html += ' <a href="javascript:void();" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'Y\', \'N\',\''+item.reviewSq+'\');">\n';
|
|
|
+ }else{
|
|
|
+ html += ' <a href="javascript:void();" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'N\', \'N\',\''+item.reviewSq+'\');">\n';
|
|
|
+ }
|
|
|
}
|
|
|
- }else{
|
|
|
- html += ' <span class="thumb" style="background-image:url('+ _uploadGoodsUrl+'/'+item.sysImgNm +');"></span>\n';
|
|
|
- }
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' <div class="info">\n';
|
|
|
- html += ' <div>\n';
|
|
|
- html += ' <div class="star_score">\n';
|
|
|
- html += ' <span class="star">\n';
|
|
|
- html += ' <em class="progbar" style="width:'+(item.score*20)+'%;"></em>\n';
|
|
|
- html += ' </span>\n';
|
|
|
- if(item.bestYn == 'Y'){
|
|
|
- html += ' <em class="ico ico_besttag"></em>\n';
|
|
|
- }
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' <div class="txt_best_review">\n';
|
|
|
- html += ' <p>'+item.reviewContent+'</p>';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' <div class="writer">\n';
|
|
|
- html += ' <span class="wr_id">'+item.maskingCustId+'</span>\n';
|
|
|
- html += ' <span class="wr_date">'+item.regDt+'</span>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' </a>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' <div class="product_view">\n';
|
|
|
- html += ' <div class="item_prod">\n';
|
|
|
- html += ' <div class="item_state">\n';
|
|
|
- html += ' <a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">\n';
|
|
|
- html += ' <div class="itemPic">\n';
|
|
|
- html += ' <img alt="" class="vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' <div class="itemName">'+item.goodsNm+'</div>\n';
|
|
|
- html += ' <p class="itemPrice">\n';
|
|
|
- html += ' <span class="itemPrice_sale">'+item.currPrice.addComma()+'</span>\n';
|
|
|
- html += ' </p>\n';
|
|
|
- html += ' </a>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- });
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' <div class="swiper-pagination"></div>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += '</div>\n';
|
|
|
-
|
|
|
+ html += ' <div class="lap">\n';
|
|
|
+ html += ' <div class="pic">\n';
|
|
|
+ if(item.reviewSysImg!= null){
|
|
|
+ if (item.fileGb == 'M') {
|
|
|
+ html += ' <span class="thumb mov" style="background-image:url('+ _uploadImageUrl+item.reviewSysImg +');"></span>\n';
|
|
|
+ }else{
|
|
|
+ html += ' <span class="thumb" style="background-image:url('+ _uploadImageUrl +item.reviewSysImg +');"></span>\n';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html += ' <span class="thumb" style="background-image:url('+ _uploadGoodsUrl+'/'+item.sysImgNm +');"></span>\n';
|
|
|
+ }
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="info">\n';
|
|
|
+ html += ' <div>\n';
|
|
|
+ html += ' <div class="star_score">\n';
|
|
|
+ html += ' <span class="star">\n';
|
|
|
+ html += ' <em class="progbar" style="width:'+(item.score*20)+'%;"></em>\n';
|
|
|
+ html += ' </span>\n';
|
|
|
+ if(item.bestYn == 'Y'){
|
|
|
+ html += ' <em class="ico ico_besttag"></em>\n';
|
|
|
+ }
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="txt_best_review">\n';
|
|
|
+ html += ' <p>'+item.reviewContent+'</p>';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="writer">\n';
|
|
|
+ html += ' <span class="wr_id">'+item.maskingCustId+'</span>\n';
|
|
|
+ html += ' <span class="wr_date">'+item.regDt+'</span>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </a>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="product_view">\n';
|
|
|
+ html += ' <div class="item_prod">\n';
|
|
|
+ html += ' <div class="item_state">\n';
|
|
|
+ html += ' <a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">\n';
|
|
|
+ html += ' <div class="itemPic">\n';
|
|
|
+ html += ' <img alt="" class="vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="itemName">'+item.goodsNm+'</div>\n';
|
|
|
+ html += ' <p class="itemPrice">\n';
|
|
|
+ html += ' <span class="itemPrice_sale">'+item.currPrice.addComma()+'</span>\n';
|
|
|
+ html += ' </p>\n';
|
|
|
+ html += ' </a>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ });
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="swiper-pagination"></div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += '</div>\n';
|
|
|
|
|
|
- $("#G082_10").append(html);
|
|
|
+ $("#G082_10").append(html);
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
/* 이미지 */
|
|
|
if(image.length>0){
|
|
|
- var html = '';
|
|
|
-
|
|
|
- html += '<div class="promotion_visual type2">\n';
|
|
|
- html += ' <div class="big_banner_slide">\n';
|
|
|
- html += ' <div class="swiper-container">\n';
|
|
|
- html += ' <div class="swiper-wrapper">\n';
|
|
|
- $.each(image, function(idx, item) {
|
|
|
- html += ' <div class="swiper-slide">\n';
|
|
|
- if (item.linkOpenGb == 'M') {
|
|
|
- html += ' <a href="'+item.linkUrl+'" target="_self"><img src="'+ _uploadImageUrl + item.itemVal +'?RS=1206" ></a>\n';
|
|
|
- }else{
|
|
|
- html += ' <a href="'+item.linkUrl+'" target="_blank"><img src="'+ _uploadImageUrl + item.itemVal +'?RS=1206" ></a>\n';
|
|
|
- }
|
|
|
- html += ' </div>\n';
|
|
|
- });
|
|
|
-
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' <div class="swiper-pagination"></div>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += '</div>\n';
|
|
|
-
|
|
|
- $("#G082_30").append(html);
|
|
|
-}
|
|
|
-
|
|
|
-if(coupon.length>0){
|
|
|
- var html = '';
|
|
|
-
|
|
|
- html += '<div class="dp_coupon">\n';
|
|
|
- html += ' <h2 class="dp_subtitle">'+coupon[0].title+'</h2>\n';
|
|
|
- html += ' <div class="coupon_list">\n';
|
|
|
- html += ' <ul class="clear">\n';
|
|
|
- $.each(coupon, function(idx, item) {
|
|
|
- if (item.couponStat == '쿠폰받기') {
|
|
|
- html += ' <li>\n';
|
|
|
- }else{
|
|
|
- html += ' <li class="off">\n';
|
|
|
- }
|
|
|
+ if (image[0].itemVal != null && image[0].itemVal != '') {
|
|
|
+ $("#G082_30").show();
|
|
|
|
|
|
- html += ' <div class="cp_top">\n';
|
|
|
- html += ' <div class="cp_detail">\n';
|
|
|
- html += ' <p class="tit">'+item.cpnNm+'</p>\n';
|
|
|
- html += ' <strong class="sale_t won_t"><span>'+item.dcVal.addComma()+'</span>'+item.dcWay+'</strong>\n';
|
|
|
- html += ' <p class="cp_cont">'+item.useCondition+'</p>\n';
|
|
|
- html += ' <span class="cp_cnt">'+item.issueCondition+'</span>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' <span class="cp_shape"></span>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' <div class="cp_date" id="dp_coupon1">\n';
|
|
|
- if (item.couponStat == '쿠폰받기') {
|
|
|
- html += ' <button type="button" id="coupon_'+item.cpnId+'" onclick="fnPlanCouponDown('+item.cpnId+')"><span>쿠폰 받기</span></button>\n';
|
|
|
- }else{
|
|
|
- html += ' <button type="button" id="coupon_'+item.cpnId+'" onclick="fnPlanCouponDown('+item.cpnId+')"><span>받기 완료</span></button>\n';
|
|
|
- }
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' <div class="cp_info">\n';
|
|
|
- html += ' <button type="button" id="modalBasic" class="btn_couponInfo_pop" onclick="usePlanInfoCoupon('+item.cpnId+')"><span>사용안내</span></button>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' </li>\n';
|
|
|
- });
|
|
|
- html += ' </ul>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- if (coupon[0].cpnNote0 != null && coupon[0].cpnNote0 != '') {
|
|
|
- html += ' <div class="announce_txt">\n';
|
|
|
- html += ' <div class="note_txt">\n';
|
|
|
- html += ' <img src="/images/mo/ico_content_find.png" alt="유의사항">\n';
|
|
|
- html += ' <p>유의사항</p>\n';
|
|
|
- html += ' </div>\n';
|
|
|
- html += ' <div class="announce_list">\n';
|
|
|
- html += ' <ul>\n';
|
|
|
- html += ' <li>' + coupon[0].cpnNote0 +'</li>\n';
|
|
|
- if(coupon[0].cpnNote1 != null && coupon[0].cpnNote1 != '')
|
|
|
- html += ' <li>' + coupon[0].cpnNote1 +'</li>\n';
|
|
|
- if(coupon[0].cpnNote2 != null && coupon[0].cpnNote2 != '')
|
|
|
- html += ' <li>' + coupon[0].cpnNote2 +'</li>\n';
|
|
|
- if(coupon[0].cpnNote3 != null && coupon[0].cpnNote3 != '')
|
|
|
- html += ' <li>' + coupon[0].cpnNote3 +'</li>\n';
|
|
|
- if(coupon[0].cpnNote4 != null && coupon[0].cpnNote4 != '')
|
|
|
- html += ' <li>' + coupon[0].cpnNote4 +'</li>\n';
|
|
|
- if(coupon[0].cpnNote5 != null && coupon[0].cpnNote5 != '')
|
|
|
- html += ' <li>' + coupon[0].cpnNote5 +'</li>\n';
|
|
|
- if(coupon[0].cpnNote6 != null && coupon[0].cpnNote6 != '')
|
|
|
- html += ' <li>' + coupon[0].cpnNote6 +'</li>\n';
|
|
|
- if(coupon[0].cpnNote7 != null && coupon[0].cpnNote7 != '')
|
|
|
- html += ' <li>' + coupon[0].cpnNote7 +'</li>\n';
|
|
|
- if(coupon[0].cpnNote8 != null && coupon[0].cpnNote8 != '')
|
|
|
- html += ' <li>' + coupon[0].cpnNote8 +'</li>\n';
|
|
|
- if(coupon[0].cpnNote9 != null && coupon[0].cpnNote9 != '')
|
|
|
- html += ' <li>' + coupon[0].cpnNote9 +'</li>\n';
|
|
|
- html += ' </ul>\n';
|
|
|
+ var html = '';
|
|
|
+
|
|
|
+ html += '<div class="promotion_visual type2">\n';
|
|
|
+ html += ' <div class="big_banner_slide">\n';
|
|
|
+ html += ' <div class="swiper-container">\n';
|
|
|
+ html += ' <div class="swiper-wrapper">\n';
|
|
|
+ $.each(image, function(idx, item) {
|
|
|
+ html += ' <div class="swiper-slide">\n';
|
|
|
+ if (item.linkOpenGb == 'M') {
|
|
|
+ html += ' <a href="'+item.linkUrl+'" target="_self"><img src="'+ _uploadImageUrl + item.itemVal +'?RS=1206" ></a>\n';
|
|
|
+ }else{
|
|
|
+ html += ' <a href="'+item.linkUrl+'" target="_blank"><img src="'+ _uploadImageUrl + item.itemVal +'?RS=1206" ></a>\n';
|
|
|
+ }
|
|
|
+ html += ' </div>\n';
|
|
|
+ });
|
|
|
+
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="swiper-pagination"></div>\n';
|
|
|
html += ' </div>\n';
|
|
|
html += ' </div>\n';
|
|
|
+ html += '</div>\n';
|
|
|
+
|
|
|
+ $("#G082_30").append(html);
|
|
|
}
|
|
|
- html += '</div>\n';
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+if(template.length>0){
|
|
|
+ if(coupon.length>0 || (couponContent[0].title != '' && couponContent[0].title != null) || (couponContent[0].cpnNote0 != '' && couponContent[0].cpnNote0 != null)){
|
|
|
+ $("#G082_20").show();
|
|
|
|
|
|
- $("#G082_20").append(html);
|
|
|
+ var html = '';
|
|
|
+
|
|
|
+ html += '<div class="dp_coupon">\n';
|
|
|
+ html += ' <h2 class="dp_subtitle">'+couponContent[0].title+'</h2>\n';
|
|
|
+ html += ' <div class="coupon_list">\n';
|
|
|
+ html += ' <ul class="clear">\n';
|
|
|
+ $.each(coupon, function(idx, item) {
|
|
|
+ if (item.couponStat == '쿠폰받기') {
|
|
|
+ html += ' <li>\n';
|
|
|
+ }else{
|
|
|
+ html += ' <li class="off">\n';
|
|
|
+ }
|
|
|
+
|
|
|
+ html += ' <div class="cp_top">\n';
|
|
|
+ html += ' <div class="cp_detail">\n';
|
|
|
+ html += ' <p class="tit">'+item.cpnNm+'</p>\n';
|
|
|
+ html += ' <strong class="sale_t won_t"><span>'+item.dcVal.addComma()+'</span>'+item.dcWay+'</strong>\n';
|
|
|
+ html += ' <p class="cp_cont">'+item.useCondition+'</p>\n';
|
|
|
+ html += ' <span class="cp_cnt">'+item.issueCondition+'</span>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <span class="cp_shape"></span>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="cp_date" id="dp_coupon1">\n';
|
|
|
+ if (item.couponStat == '쿠폰받기') {
|
|
|
+ html += ' <button type="button" id="coupon_'+item.cpnId+'" onclick="fnPlanCouponDown('+item.cpnId+')"><span>쿠폰 받기</span></button>\n';
|
|
|
+ }else{
|
|
|
+ html += ' <button type="button" id="coupon_'+item.cpnId+'" onclick="fnPlanCouponDown('+item.cpnId+')"><span>받기 완료</span></button>\n';
|
|
|
+ }
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="cp_info">\n';
|
|
|
+ html += ' <button type="button" id="modalBasic" class="btn_couponInfo_pop" onclick="usePlanInfoCoupon('+item.cpnId+')"><span>사용안내</span></button>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </li>\n';
|
|
|
+ });
|
|
|
+ html += ' </ul>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ if (couponContent[0].cpnNote0 != null && couponContent[0].cpnNote0 != '') {
|
|
|
+ html += ' <div class="announce_txt">\n';
|
|
|
+ html += ' <div class="note_txt">\n';
|
|
|
+ html += ' <img src="/images/mo/ico_content_find.png" alt="유의사항">\n';
|
|
|
+ html += ' <p>유의사항</p>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="announce_list">\n';
|
|
|
+ html += ' <ul>\n';
|
|
|
+ html += ' <li>' + couponContent[0].cpnNote0 +'</li>\n';
|
|
|
+ if(couponContent[0].cpnNote1 != null && couponContent[0].cpnNote1 != '')
|
|
|
+ html += ' <li>' + couponContent[0].cpnNote1 +'</li>\n';
|
|
|
+ if(couponContent[0].cpnNote2 != null && couponContent[0].cpnNote2 != '')
|
|
|
+ html += ' <li>' + couponContent[0].cpnNote2 +'</li>\n';
|
|
|
+ if(couponContent[0].cpnNote3 != null && couponContent[0].cpnNote3 != '')
|
|
|
+ html += ' <li>' + couponContent[0].cpnNote3 +'</li>\n';
|
|
|
+ if(couponContent[0].cpnNote4 != null && couponContent[0].cpnNote4 != '')
|
|
|
+ html += ' <li>' + couponContent[0].cpnNote4 +'</li>\n';
|
|
|
+ if(couponContent[0].cpnNote5 != null && couponContent[0].cpnNote5 != '')
|
|
|
+ html += ' <li>' + couponContent[0].cpnNote5 +'</li>\n';
|
|
|
+ if(couponContent[0].cpnNote6 != null && couponContent[0].cpnNote6 != '')
|
|
|
+ html += ' <li>' + couponContent[0].cpnNote6 +'</li>\n';
|
|
|
+ if(couponContent[0].cpnNote7 != null && couponContent[0].cpnNote7 != '')
|
|
|
+ html += ' <li>' + couponContent[0].cpnNote7 +'</li>\n';
|
|
|
+ if(couponContent[0].cpnNote8 != null && couponContent[0].cpnNote8 != '')
|
|
|
+ html += ' <li>' + couponContent[0].cpnNote8 +'</li>\n';
|
|
|
+ if(couponContent[0].cpnNote9 != null && couponContent[0].cpnNote9 != '')
|
|
|
+ html += ' <li>' + couponContent[0].cpnNote9 +'</li>\n';
|
|
|
+ html += ' </ul>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ }
|
|
|
+ html += '</div>\n';
|
|
|
+
|
|
|
+ $("#G082_20").append(html);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
|
xodud lee