|
|
@@ -161,7 +161,7 @@
|
|
|
<div class="itemPic">
|
|
|
<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm+'?RS=285'}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
|
|
|
</div>
|
|
|
- <div class="itemName">선택</div>
|
|
|
+ <div class="itemName">상품선택</div>
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -216,7 +216,7 @@
|
|
|
<div class="opt_result">
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="price_box">
|
|
|
+ <div class="price_box" style="display:none;">
|
|
|
<p class="number">
|
|
|
총 <span id="goodsTotalQty">0</span>개
|
|
|
</p>
|
|
|
@@ -230,10 +230,10 @@
|
|
|
<div class="btn_group_block ui_row">
|
|
|
<th:block th:if="${goodsInfo.stockQty > 0 and goodsInfo.goodsStat == 'G008_90'}">
|
|
|
<div class="ui_col_6">
|
|
|
- <button type="button" class="btn btn_dark btn_block" id="btnGoodsWish" onclick="fnAddCart('C');"><span>쇼핑백</span></button>
|
|
|
+ <button type="button" class="btn btn_dark btn_block" id="btnGoodsWish" onclick="fnAddCart('C','Up');"><span>쇼핑백</span></button>
|
|
|
</div>
|
|
|
<div class="ui_col_6">
|
|
|
- <button type="button" class="btn btn_primary btn_block" id="btnGoodsCart" onclick="fnAddCart('O');"><span>바로구매</span></button>
|
|
|
+ <button type="button" class="btn btn_primary btn_block" id="btnGoodsCart" onclick="fnAddCart('O','Up');"><span>바로구매</span></button>
|
|
|
</div>
|
|
|
</th:block>
|
|
|
<th:block th:unless="${goodsInfo.stockQty > 0 and goodsInfo.goodsStat == 'G008_90'}">
|
|
|
@@ -297,9 +297,9 @@
|
|
|
};
|
|
|
let jsonData = JSON.stringify(data);
|
|
|
|
|
|
- $('.form_field .select_custom.deal_opt1').find('.combo .select').html('선택');
|
|
|
+ $('.form_field .select_custom.deal_opt1').find('.combo .select').html('옵션1');
|
|
|
$('.form_field .select_custom.deal_opt2').attr('disabled', true);
|
|
|
- $('.form_field .select_custom.deal_opt2').find('.combo .select').html('선택');
|
|
|
+ $('.form_field .select_custom.deal_opt2').find('.combo .select').html('옵션2');
|
|
|
|
|
|
gagajf.ajaxJsonSubmit('/goods/detail/option1/list', jsonData, function(result) {
|
|
|
|
|
|
@@ -319,27 +319,28 @@
|
|
|
if (flag == "layer"){
|
|
|
$objUp = $('.pd_descrp_pop .opt_select .select_custom.deal_opt1');
|
|
|
$objUp.html('');
|
|
|
- }else{
|
|
|
+ }else if (flag == "Up"){
|
|
|
$objUp = $('.pd_detail .opt_select .select_custom.deal_opt1');
|
|
|
$objUp.html('');
|
|
|
+ }else{
|
|
|
$objDown = $('.pd_desc_wrap .opt_select .select_custom.deal_opt1');
|
|
|
$objDown.html('');
|
|
|
-
|
|
|
}
|
|
|
$('.form_field .select_custom.deal_opt1').attr('disabled', false);
|
|
|
//------
|
|
|
tag1 += '<div class="combo">\n';
|
|
|
- tag1 += '<div class="select">선택</div>\n';
|
|
|
+ tag1 += '<div class="select">옵션1</div>\n';
|
|
|
tag1 += '<ul class="list">\n';
|
|
|
//------
|
|
|
- tag1 += '<li class="selected" id="goodsOpt1">선택</li>\n';
|
|
|
+ tag1 += '<li class="selected" id="goodsOpt1">옵션1</li>\n';
|
|
|
}
|
|
|
let soldoutYn = "";
|
|
|
if (item.stockQty <= 0) soldoutYn = "true";
|
|
|
if (flag == "layer"){
|
|
|
tagUp = '<li aria-disabled="'+soldoutYn+'" data-soldout="'+soldoutYn +'" onclick="fnOption2(this, \'layer\')">\n';
|
|
|
- }else{
|
|
|
+ }else if (flag == "Up"){
|
|
|
tagUp = '<li aria-disabled="'+soldoutYn+'" data-soldout="'+soldoutYn +'" onclick="fnOption2(this, \'Up\')">\n';
|
|
|
+ }else{
|
|
|
tagDown = '<li aria-disabled="'+soldoutYn+'" data-soldout="'+soldoutYn +'" onclick="fnOption2(this, \'Down\')">\n';
|
|
|
}
|
|
|
tag2 += '<div>'+ item.optCd1Nm+'</div>\n';
|
|
|
@@ -351,6 +352,7 @@
|
|
|
|
|
|
tagUpS += tag1+tagUp+tag2;
|
|
|
tagDownS += tag1+tagDown+tag2;
|
|
|
+
|
|
|
});
|
|
|
|
|
|
if (!gagajf.isNull(tagUpS)){
|
|
|
@@ -363,16 +365,17 @@
|
|
|
}
|
|
|
|
|
|
if (flag == "layer"){
|
|
|
- $objUp.append(tagUpS);
|
|
|
+ $objUp.prepend(tagUpS);
|
|
|
var pop_desc_option02 = new sCombo('.pd_descrp_pop .opt_select .select_custom.deal_opt1');
|
|
|
$('.pd_descrp_pop .opt_select .select_custom.deal_opt1').addClass('on');
|
|
|
$('.pd_descrp_pop .opt_select .select_custom.deal_opt1').find('.list').css('display','block');
|
|
|
- }else{
|
|
|
- $objUp.append(tagUpS);
|
|
|
- $objDown.append(tagDownS);
|
|
|
+ }else if (flag == "Up"){
|
|
|
+ $objUp.prepend(tagUpS);
|
|
|
var detail_deal_option02 = new sCombo('.pd_detail .opt_select .select_custom.deal_opt1');
|
|
|
$('.pd_detail .opt_select .select_custom.deal_opt1').addClass('on');
|
|
|
$('.pd_detail .opt_select .select_custom.deal_opt1').find('.list').css('display','block');
|
|
|
+ }else{
|
|
|
+ $objDown.prepend(tagDownS);
|
|
|
var desc_option02 = new sCombo('.pd_desc_wrap .opt_select .select_custom.deal_opt1');
|
|
|
$('.pd_desc_wrap .opt_select .select_custom.deal_opt1').addClass('on');
|
|
|
$('.pd_desc_wrap .opt_select .select_custom.deal_opt1').find('.list').css('display','block');
|
|
|
@@ -380,7 +383,7 @@
|
|
|
|
|
|
}
|
|
|
|
|
|
- if (flag != "layer"){
|
|
|
+/* if (flag != "layer"){
|
|
|
// 상품 선태값 적용
|
|
|
let $obj = null;
|
|
|
let $taget = null;
|
|
|
@@ -394,7 +397,7 @@
|
|
|
}
|
|
|
let goodsDealInfo = $obj.html();
|
|
|
$taget.html(goodsDealInfo);
|
|
|
- }
|
|
|
+ } */
|
|
|
|
|
|
});
|
|
|
|
|
|
@@ -433,9 +436,10 @@
|
|
|
if (flag == "layer"){
|
|
|
$objUp = $('.pd_descrp_pop .opt_select .select_custom.deal_opt2');
|
|
|
$objUp.html('');
|
|
|
- }else{
|
|
|
+ }else if (flag == "Up"){
|
|
|
$objUp = $('.pd_detail .opt_select .select_custom.deal_opt2');
|
|
|
$objUp.html('');
|
|
|
+ }else{
|
|
|
$objDown = $('.pd_desc_wrap .opt_select .select_custom.deal_opt2');
|
|
|
$objDown.html('');
|
|
|
|
|
|
@@ -443,17 +447,18 @@
|
|
|
$('.form_field .select_custom.deal_opt2').attr('disabled', false);
|
|
|
//------
|
|
|
tag1 += '<div class="combo">\n';
|
|
|
- tag1 += '<div class="select">선택</div>\n';
|
|
|
+ tag1 += '<div class="select">옵션2</div>\n';
|
|
|
tag1 += '<ul class="list">\n';
|
|
|
//------
|
|
|
- tag1 += '<li class="selected" id="goodsOpt2">선택</li>\n';
|
|
|
+ tag1 += '<li class="selected" id="goodsOpt2">옵션2</li>\n';
|
|
|
}
|
|
|
let soldoutYn = "";
|
|
|
if ("Y" == item.soldoutYn || item.stockQty <= 0)soldoutYn = "true";
|
|
|
if (flag == "layer"){
|
|
|
tagUp = '<li aria-disabled="'+soldoutYn+'" data-soldout="'+soldoutYn +'" onclick="fnViewStock(this, \'layer\' )">\n';
|
|
|
- }else{
|
|
|
+ }else if (flag == "Up"){
|
|
|
tagUp = '<li aria-disabled="'+soldoutYn+'" data-soldout="'+soldoutYn +'" onclick="fnViewStock(this, \'Up\' )">\n';
|
|
|
+ }else{
|
|
|
tagDown = '<li aria-disabled="'+soldoutYn+'" data-soldout="'+soldoutYn +'" onclick="fnViewStock(this, \'Down\' )">\n';
|
|
|
}
|
|
|
tag2 += '<div>'+ item.optCd2+'</div>\n';
|
|
|
@@ -465,6 +470,7 @@
|
|
|
|
|
|
tagUpS += tag1+tagUp+tag2;
|
|
|
tagDownS += tag1+tagDown+tag2;
|
|
|
+
|
|
|
});
|
|
|
|
|
|
if (!gagajf.isNull(tagUpS)){
|
|
|
@@ -477,16 +483,17 @@
|
|
|
}
|
|
|
|
|
|
if (flag == "layer"){
|
|
|
- $objUp.append(tagUpS);
|
|
|
+ $objUp.prepend(tagUpS);
|
|
|
var pop_desc_option02 = new sCombo('.pd_descrp_pop .opt_select .select_custom.deal_opt2');
|
|
|
$('.pd_descrp_pop .opt_select .select_custom.deal_opt2').addClass('on');
|
|
|
$('.pd_descrp_pop .opt_select .select_custom.deal_opt2').find('.list').css('display','block');
|
|
|
- }else{
|
|
|
- $objUp.append(tagUpS);
|
|
|
- $objDown.append(tagDownS);
|
|
|
+ }else if (flag == "Up"){
|
|
|
+ $objUp.prepend(tagUpS);
|
|
|
var detail_deal_option03 = new sCombo('.pd_detail .opt_select .select_custom.deal_opt2');
|
|
|
$('.pd_detail .opt_select .select_custom.deal_opt2').addClass('on');
|
|
|
$('.pd_detail .opt_select .select_custom.deal_opt2').find('.list').css('display','block');
|
|
|
+ }else{
|
|
|
+ $objDown.prepend(tagDownS);
|
|
|
var desc_option03 = new sCombo('.pd_desc_wrap .opt_select .select_custom.deal_opt2');
|
|
|
$('.pd_desc_wrap .opt_select .select_custom.deal_opt2').addClass('on');
|
|
|
$('.pd_desc_wrap .opt_select .select_custom.deal_opt2').find('.list').css('display','block');
|
|
|
@@ -494,7 +501,7 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- if (flag != "layer"){
|
|
|
+ /* if (flag != "layer"){
|
|
|
// 옵션 1 선태값 적용
|
|
|
let $obj2 = null;
|
|
|
let $taget2 = null;
|
|
|
@@ -509,8 +516,7 @@
|
|
|
|
|
|
let goodsDealInfo = $obj2.html();
|
|
|
$taget2.html(goodsDealInfo);
|
|
|
- }
|
|
|
-
|
|
|
+ } */
|
|
|
|
|
|
});
|
|
|
}
|
|
|
@@ -604,14 +610,14 @@
|
|
|
$objLayer = $('.pd_descrp_pop .opt_result');
|
|
|
$objUp = $('.pd_detail .opt_result');
|
|
|
$objDown = $('.pd_desc_wrap .opt_result');
|
|
|
- $objLayer.append(tag);
|
|
|
+ $objLayer.prepend(tag);
|
|
|
}else{
|
|
|
$objUp = $('.pd_detail .opt_result');
|
|
|
$objDown = $('.pd_desc_wrap .opt_result');
|
|
|
}
|
|
|
|
|
|
- $objUp.append(tag);
|
|
|
- $objDown.append(tag);
|
|
|
+ $objUp.prepend(tag);
|
|
|
+ $objDown.prepend(tag);
|
|
|
|
|
|
if (flag != "layer"){
|
|
|
// 옵션 2 선태값 적용
|
|
|
@@ -634,6 +640,28 @@
|
|
|
}
|
|
|
fnSetTotalPrice();
|
|
|
|
|
|
+ var dTag = '';
|
|
|
+ dTag += '';
|
|
|
+ dTag += '<div class="item_prod">\n';
|
|
|
+ dTag += '<div class="item_state">\n';
|
|
|
+ dTag += ' <a href="javascript:void(0);" class="itemLink">\n';
|
|
|
+ dTag += ' <div class="itemPic">\n';
|
|
|
+ dTag +=' <img class="vLHTC pd_img" src="'+_uploadGoodsUrl +'/'+[[${goodsInfo.sysImgNm}]]+'?RS=285" alt="" onerror="' + _uximgUrl + '/images/pc/thumb/bg_item_none.png" />\n';
|
|
|
+ dTag += ' </div>\n';
|
|
|
+ dTag += ' <div class="itemName">상품선택</div>\n';
|
|
|
+ dTag += ' </a>\n';
|
|
|
+ dTag += '</div>\n';
|
|
|
+ dTag += '</div>\n';
|
|
|
+
|
|
|
+ $('.pd_detail .opt_select .select_custom.deal_opt_item').find('.combo .select').html(dTag);
|
|
|
+ $('.pd_desc_wrap .opt_select .select_custom.deal_opt_item').find('.combo .select').html(dTag);
|
|
|
+ //$('.pd_descrp_pop .form_field .select_custom.deal_opt_item').find('.combo .select').html(dTag);
|
|
|
+
|
|
|
+ $('.form_field .select_custom.deal_opt1').attr('disabled', true);
|
|
|
+ $('.form_field .select_custom.deal_opt1').find('.combo .select').html('옵션1');
|
|
|
+ $('.form_field .select_custom.deal_opt2').attr('disabled', true);
|
|
|
+ $('.form_field .select_custom.deal_opt2').find('.combo .select').html('옵션2');
|
|
|
+
|
|
|
}, "text");
|
|
|
}
|
|
|
|
|
|
@@ -705,6 +733,8 @@
|
|
|
|
|
|
//합계 계산
|
|
|
var fnSetTotalPrice = function() {
|
|
|
+
|
|
|
+ $('.price_box').show();
|
|
|
//let f = document.cartForm;
|
|
|
|
|
|
let totalEa = 0;
|
|
|
@@ -728,17 +758,32 @@
|
|
|
}
|
|
|
|
|
|
//장바구니담기
|
|
|
- var fnAddCart = function(btnType){
|
|
|
+ var fnAddCart = function(btnType, flag){
|
|
|
let compsList = [];
|
|
|
|
|
|
- let target = $('#cartForm input[name=cea]');
|
|
|
- let targetSize = target.length; //선택성품 갯수
|
|
|
- if (target.length <= 0){
|
|
|
- mcxDialog.alert("구성상품들의 옵션을 선택하세요.");
|
|
|
- return false;
|
|
|
+ let $target = $('#cartForm input[name=cea]');
|
|
|
+ let targetSize = $target.length; //선택성품 갯수
|
|
|
+ if ($target.length <= 0){
|
|
|
+ let $selObj = null;
|
|
|
+ if (flag == "layer"){
|
|
|
+ $selObj = $('.pd_descrp_pop .form_field .select_custom.deal_opt_item');
|
|
|
+ }else if (flag == "Up"){
|
|
|
+ $selObj = $('.pd_detail .opt_select .select_custom.deal_opt_item');
|
|
|
+ }else{
|
|
|
+ $selObj = $('.pd_desc_wrap .opt_select .select_custom.deal_opt_item');
|
|
|
+ }
|
|
|
+
|
|
|
+ let selGoodsCd = $selObj.find('.combo .select').find('input[name=selectGoods]').attr('goodscd');
|
|
|
+ if (gagajf.isNull(selGoodsCd) || typeof (selGoodsCd) == 'undefined'){
|
|
|
+ mcxDialog.alert("상품을 선택해 주세요.");
|
|
|
+ return false;
|
|
|
+ }else{
|
|
|
+ mcxDialog.alert("옵션을 선택해 주세요.");
|
|
|
+ return false;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- target.each(function() {
|
|
|
+ $target.each(function() {
|
|
|
|
|
|
let ea = parseInt($(this).val());
|
|
|
let goodsCd = $(this).parent().find('input[name="coption"]').attr('goodscd');
|