|
|
@@ -66,23 +66,29 @@
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
-
|
|
|
- <div class="opt_size">
|
|
|
- <div class="opt_header">
|
|
|
- <span class="title">사이즈</span>
|
|
|
- </div>
|
|
|
- <div class="form_field selfGoodsSize">
|
|
|
- <th:block th:each="color, index : ${comp.cartColorList}" th:if="${color.cartColorNm != null}">
|
|
|
- <th:block th:if="${color.cartColorNm != null}">
|
|
|
- <th:block th:each="size, index : ${color.cartSizeList}">
|
|
|
- <div>
|
|
|
- <input type="radio" name="rdi-optsize" th:id="|${'rdi-optsize' + size.goodsCd + '-' + size.optCd}|" th:value="${size.optCd}" th:checked="${size.cartOptCd != null}" th:disabled="${size.soldoutYn == 'Y' or cart.goodsQty > size.currStockQty}">
|
|
|
- <label th:for="|${'rdi-optsize' + size.goodsCd + '-' + size.optCd}|"><span th:text="${size.optCd2}"></span></label>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="opt_size">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="title">사이즈</span>
|
|
|
+ <span class="info">
|
|
|
+ <th:block th:each="color, index : ${comp.cartColorList}" th:if="${color.cartColorNm != null}">
|
|
|
+ <th:block th:each="size, index : ${color.cartSizeList}" th:if="${size.cartOptCd != null}">
|
|
|
+ <span th:text="${size.optCd2}"></span>
|
|
|
+ <span th:if="${size.addPrice > 0}">(+<em th:text="${#numbers.formatInteger(size.addPrice, 1, 'COMMA')}"></em>)원</span>
|
|
|
</th:block>
|
|
|
</th:block>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form_field selfGoodsSize">
|
|
|
+ <th:block th:each="color, index : ${comp.cartColorList}" th:if="${color.cartColorNm != null}">
|
|
|
+ <th:block th:each="size, index : ${color.cartSizeList}">
|
|
|
+ <div>
|
|
|
+ <input type="hidden" name="addPrice" th:value="${size.addPrice}" />
|
|
|
+ <input type="radio" name="rdi-optsize" th:soldoutYn="${size.soldoutYn}" th:id="|${'rdi-optsize' + size.goodsCd + '-' + size.optCd}|" th:value="${size.optCd}" th:checked="${size.cartOptCd != null}" th:disabled="${size.soldoutYn == 'Y' or size.minOrdQty > size.currStockQty}">
|
|
|
+ <label th:for="|${'rdi-optsize' + size.goodsCd + '-' + size.optCd}|"><span class="sizeNameTxt" th:text="${size.optCd2}"></span></label>
|
|
|
+ </div>
|
|
|
</th:block>
|
|
|
- </div>
|
|
|
+ </th:block>
|
|
|
</div>
|
|
|
</div>
|
|
|
</th:block>
|
|
|
@@ -115,7 +121,7 @@
|
|
|
<div class="select" th:text="${comp.colorNm}"></div>
|
|
|
<ul class="list" th:data="${comp.goodsCd}">
|
|
|
<th:block th:each="color, index : ${comp.cartColorList}">
|
|
|
- <li th:classappend="${color.cartColorNm != null} ? 'selected'" th:data="${color.optCd1}" th:text="${color.colorNm}" th:aria-disabled="${color.soldoutYn.equals('Y') ? true : false}"></li>
|
|
|
+ <li th:classappend="${color.cartColorNm != null} ? 'selected'" th:colorNo="${color.colorNo}" th:data="${color.optCd1}" th:text="${color.colorNm}" th:aria-disabled="${color.soldoutYn.equals('Y') ? true : false}"></li>
|
|
|
</th:block>
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -131,12 +137,12 @@
|
|
|
<form class="form_wrap">
|
|
|
<div class="form_field">
|
|
|
<th:block th:each="color, index : ${comp.cartColorList}">
|
|
|
- <div class="select_custom item_opt2 sizeList" th:classappend="|${comp.goodsCd}_${color.optCd1} sizeList${comp.goodsCd}|" th:style="${color.cartColorNm != null ? 'display:inline-block' : 'display:none'}">
|
|
|
+ <div class="select_custom item_opt2 sizeList" th:classappend="|color_${comp.goodsCd}_${color.colorNo} sizeList${comp.goodsCd}|" th:style="${color.cartColorNm != null ? 'display:inline-block' : 'display:none'}">
|
|
|
<div class="combo">
|
|
|
<div class="select" th:classappend="|size_${comp.goodsCd}_size_nm|" th:text="${comp.optCd2}" th:data="${color.goodsCd}"></div>
|
|
|
<ul class="list setSizeSelect" th:classappend="|size_${comp.goodsCd}|" th:data="${comp.goodsCd}">
|
|
|
<th:block th:each="size, i : ${color.cartSizeList}" th:if="${color.optCd1.equals(size.optCd1)}">
|
|
|
- <li th:classappend="${size.cartOptCd != null} ? selected" th:optCd="${size.optCd}" th:value="${size.optCd}" th:text="${size.optCd2}" th:aria-disabled="${color.soldoutYn.equals('Y') or size.soldoutYn.equals('Y') ? true : false}"></li>
|
|
|
+ <li th:classappend="${size.cartOptCd != null} ? selected" th:optCd="${size.optCd}" th:value="${size.optCd}" th:text="${size.optCd2}" th:aria-disabled="${color.soldoutYn.equals('Y') or size.soldoutYn.equals('Y') or size.minOrdQty > size.currStockQty ? true : false}"></li>
|
|
|
</th:block>
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -172,7 +178,7 @@
|
|
|
<div class="select" th:text="${comp.colorNm}"></div>
|
|
|
<ul class="list" th:data="${comp.goodsCd}">
|
|
|
<th:block th:each="color, index : ${comp.cartColorList}">
|
|
|
- <li th:classappend="${color.cartColorNm != null} ? 'selected'" th:data="${color.optCd1}" th:text="${color.colorNm}" th:aria-disabled="${color.soldoutYn.equals('Y') ? true : false}"></li>
|
|
|
+ <li th:classappend="${color.cartColorNm != null} ? 'selected'" th:colorNo="${color.colorNo}" th:data="${color.optCd1}" th:text="${color.colorNm}" th:aria-disabled="${color.soldoutYn.equals('Y') ? true : false}"></li>
|
|
|
</th:block>
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -188,12 +194,12 @@
|
|
|
<form class="form_wrap">
|
|
|
<div class="form_field">
|
|
|
<th:block th:each="color, index : ${comp.cartColorList}">
|
|
|
- <div class="select_custom item_opt2 sizeList" th:classappend="|${comp.goodsCd}_${color.optCd1} sizeList${comp.goodsCd}|" th:style="${color.cartColorNm != null ? 'display:inline-block' : 'display:none'}">
|
|
|
+ <div class="select_custom item_opt2 sizeList" th:classappend="|color_${comp.goodsCd}_${color.colorNo} sizeList${comp.goodsCd}|" th:style="${color.cartColorNm != null ? 'display:inline-block' : 'display:none'}">
|
|
|
<div class="combo">
|
|
|
<div class="select" th:classappend="|size_${comp.goodsCd}_size_nm|" th:text="${comp.optCd2}" th:data="${color.goodsCd}"></div>
|
|
|
<ul class="list setSizeSelect" th:classappend="|size_${comp.goodsCd}|" th:data="${comp.goodsCd}">
|
|
|
<th:block th:each="size, i : ${color.cartSizeList}" th:if="${color.optCd1.equals(size.optCd1)}">
|
|
|
- <li th:classappend="${size.cartOptCd != null} ? selected" th:optCd="${size.optCd}" th:value="${size.optCd}" th:text="${size.optCd2}" th:aria-disabled="${color.soldoutYn.equals('Y') or size.soldoutYn.equals('Y') ? true : false}"></li>
|
|
|
+ <li th:classappend="${size.cartOptCd != null} ? selected" th:optCd="${size.optCd}" th:value="${size.optCd}" th:text="${size.optCd2}" th:aria-disabled="${color.soldoutYn.equals('Y') or size.soldoutYn.equals('Y') or size.minOrdQty > size.currStockQty ? true : false}"></li>
|
|
|
</th:block>
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -233,10 +239,11 @@
|
|
|
$("#cartOptionModal .colorList > .combo > .list li").on("click", function(e) {
|
|
|
let goodsCd = $(this).parent().attr("data");
|
|
|
let optCd1 = $(this).attr("data");
|
|
|
+ let colorNo = $(this).attr("colorNo");
|
|
|
let firstSize = "";
|
|
|
if(optCd1 != $(".option1_" + goodsCd).val()) {
|
|
|
- let firstOptCd = $("#cartOptionModal ." + goodsCd + "_" + optCd1 + " li:first").attr("optcd");
|
|
|
- let firstOptCd2 = $("#cartOptionModal ." + goodsCd + "_" + optCd1 + " li:first").text();
|
|
|
+ let firstOptCd = $("#cartOptionModal .color_" + goodsCd + "_" + colorNo + " li:first").attr("optcd");
|
|
|
+ let firstOptCd2 = $("#cartOptionModal .color_" + goodsCd + "_" + colorNo + " li:first").text();
|
|
|
|
|
|
$("#cartOptionModal .chooseColorNm_" + goodsCd).text($(this).text());
|
|
|
$("#cartOptionModal .option_" + goodsCd).val(firstOptCd);
|
|
|
@@ -244,8 +251,8 @@
|
|
|
$("#cartOptionModal .option2_" + goodsCd).val(firstOptCd2);
|
|
|
|
|
|
$("#cartOptionModal .sizeList" + goodsCd).hide();
|
|
|
- $("#cartOptionModal ." + goodsCd + "_" + optCd1).show();
|
|
|
- $("#cartOptionModal ." + goodsCd + "_" + optCd1 + " .select").text(firstOptCd2);
|
|
|
+ $("#cartOptionModal .color_" + goodsCd + "_" + colorNo).show();
|
|
|
+ $("#cartOptionModal .color_" + goodsCd + "_" + colorNo + " .select").text(firstOptCd2);
|
|
|
$("#cartOptionModal .chooseSizeNm_" + goodsCd).text(firstOptCd2);
|
|
|
}
|
|
|
});
|
|
|
@@ -264,44 +271,9 @@
|
|
|
$('.optModify_pop .number_count .minus').addClass('min_val');
|
|
|
}
|
|
|
|
|
|
- // 자사 일반 상품 컬러 선택시
|
|
|
- $(".selfGoodsColorSelect").on("click", function(e) {
|
|
|
- let sizeHtml = "";
|
|
|
- let imgHtml = "";
|
|
|
- let cart = [[${cart}]];
|
|
|
- let color = [[${cart.cartCompsList[0].cartColorList}]];
|
|
|
- let optCd1 = $(this).attr("data");
|
|
|
-
|
|
|
- for(let i = 0 ; i < color.length ; i++) {
|
|
|
- let size = color[i].cartSizeList;
|
|
|
- for(let j = 0 ; j < size.length ; j++) {
|
|
|
- if(optCd1 == size[j].optCd1) {
|
|
|
- sizeHtml += "<div>";
|
|
|
- sizeHtml += "<input type='radio' name='rdi-optsize' id='" + size[j].goodsCd + "-" + size[j].optCd + "' value='" + size[j].optCd + "' ";
|
|
|
- if(size[j].soldoutYn == "Y" || cart.goodsQty > size[j].currStockQty) {
|
|
|
- sizeHtml += "disabled = 'disabled'";
|
|
|
- }
|
|
|
- sizeHtml += " />\n";
|
|
|
- sizeHtml += "<label for='" + size[j].goodsCd + "-" + size[j].optCd + "'><span>" + size[j].optCd2 + "</span></label>\n"
|
|
|
- sizeHtml += "</div>\n";
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- if(optCd1 == color[i].optCd1) {
|
|
|
- for (let j = 0; j < color[i].cartImgList.length; j++) {
|
|
|
- let img = color[i].cartImgList[j];
|
|
|
- if(optCd1 == img.colorCd) {
|
|
|
- imgHtml += "<li>\n<span class='thumb'>\n";
|
|
|
- imgHtml += "<img src='" + _uploadGoodsUrl + "/" + img.sysImgNm + "' onerror='this.src='" + [[${@environment.getProperty('domain.uximage')}]] + "/images/pc/thumb/bg_item_none.png' alt='" + img.sysImgNm + "' />\n";
|
|
|
- imgHtml += "</span>\n</li>\n";
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- $(".cartOptionModal .pic_list").html(imgHtml);
|
|
|
- $(".cartOptionModal .selfGoodsSize").html(sizeHtml);
|
|
|
- });
|
|
|
+ function getSelfColorList() {
|
|
|
+ return [[${cart.cartCompsList[0].cartColorList}]];
|
|
|
+ }
|
|
|
|
|
|
function fnChangeCartOption(cartSq) {
|
|
|
let cart = [[${cart}]];
|