|
|
@@ -25,6 +25,7 @@
|
|
|
<input type="hidden" id="cate3No" name="cate3No" th:value="${params.cate3No}"/>
|
|
|
<input type="hidden" id="cate4No" name="cate4No" th:value="${params.cate4No}"/>
|
|
|
<input type="hidden" id="searchGb" name="searchGb" value="BASIC"/>
|
|
|
+ <input type="hidden" id="cateCd" name="cateCd" th:value="${params.cateCd}"/>
|
|
|
<button type="button" class="btn btn-base btn-lg" id="btnSearch" style="display: none;">조회</button>
|
|
|
<div class="panelTitle">
|
|
|
<h2>상품 순서변경</h2>
|
|
|
@@ -35,9 +36,10 @@
|
|
|
<ul class="lrStyle">
|
|
|
<li class="aL"><font color="#1e90ff">* 상품은 왼쪽에서 오른쪽 순서대로 전시 됩니다.</font></li>
|
|
|
<li class="aR">
|
|
|
- <button type="button" class="btn btn btn-info btn-sm">원 위치로</button>
|
|
|
- <button type="button" class="btn btn btn-primary btn-sm">전시순서 초기화</button>
|
|
|
- <button type="button" class="btn btn btn-dark btn-sm">저장</button>
|
|
|
+ <button type="button" class="btn btn-primary btn-lg leafCateBtn" id="btnPopupAddGoods">상품추가</button>
|
|
|
+ <button type="button" class="btn btn btn-info btn-sm" id="btnPopupReset">원 위치로</button>
|
|
|
+ <button type="button" class="btn btn btn-info btn-sm" id="btnPopupInit">전시순서 초기화</button>
|
|
|
+ <button type="button" class="btn btn btn-success btn-sm" id="btnPopupSave">저장</button>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<!-- 상단 영역 END -->
|
|
|
@@ -77,18 +79,18 @@
|
|
|
<script th:inline="javascript">
|
|
|
var params = [[${params}]];
|
|
|
var uploadGoodsUrl = "image.istyle24.com/Upload/ProductImage";//[[${@environment.getProperty('upload.goods.view')}]];
|
|
|
- var resultParam = "";
|
|
|
|
|
|
$("#btnSearch").on('click', function(){
|
|
|
$("#goodsDispOrdChangeForm input[name=searchGb]").val("BASIC");
|
|
|
gagaPaging.load(1);
|
|
|
});
|
|
|
|
|
|
- var fnSearchPopup = function (){
|
|
|
+ var fnSearchData = function (){
|
|
|
gagaPaging.init('goodsDispOrdChangeForm', fnSelectCallBack, 'goodsDispOrdChangePopupPagination', $('#goodsDispOrdChangeForm').find('#pageSize').val());
|
|
|
gagaPaging.load(1);
|
|
|
}
|
|
|
|
|
|
+ var firstOrd = '';
|
|
|
var fnSelectCallBack = function (result){
|
|
|
$('#goodsDispOrdChangeForm').find('#gridRowTotalCount').html(result.pageing.pageable.totalCount.addComma());
|
|
|
$('#goodsDispOrdChangeForm').find('#pageNo').val(result.pageing.pageable.pageNo.addComma());
|
|
|
@@ -98,15 +100,15 @@
|
|
|
if(typeof result.categoryGoodsList != 'undefined'){
|
|
|
resultList = result.categoryGoodsList;
|
|
|
}
|
|
|
- console.log('[resultList length]'+resultList.length);
|
|
|
+
|
|
|
if(resultList.length > 0){
|
|
|
var html = '';
|
|
|
for(var i=0; i<resultList.length; i++){
|
|
|
if(i==0){
|
|
|
firstOrd = resultList[i].dispOrd;
|
|
|
}
|
|
|
- html+='<ul class="item ui-state-default" style="min-height:194px; ';
|
|
|
- if(resultList[i].goodsStat!="90" || resultList[i].currStockQty<1){
|
|
|
+ html+='<ul class="item ui-state-default" style="min-height:225px; ';
|
|
|
+ if(resultList[i].goodsStat!="G008_90" || resultList[i].currStockQty<1){
|
|
|
html += 'background:#f5f5f5;';
|
|
|
}
|
|
|
html += '">';
|
|
|
@@ -175,6 +177,135 @@
|
|
|
$(".sortableWrap .itemWrap").css("width", setW+"px");
|
|
|
}
|
|
|
|
|
|
+ /**
|
|
|
+ * 원위치 버튼
|
|
|
+ */
|
|
|
+ $("#btnPopupReset").on("click", function(){
|
|
|
+ fnSearchData();
|
|
|
+ });
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 상품추가 버튼
|
|
|
+ */
|
|
|
+ $("#btnPopupAddGoods").on("click", function(){
|
|
|
+ cfnOpenGoodsPopup('fnPopupAddGoods');
|
|
|
+ });
|
|
|
+
|
|
|
+ var fnPopupAddGoods = function(result){
|
|
|
+ mcxDialog.confirm('적용하시겠습니까?', {
|
|
|
+ cancelBtnText: "취소",
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function(){
|
|
|
+ var multiGoods = [];
|
|
|
+ $.each(result, function(idx, item) {
|
|
|
+ multiGoods.push(item.goodsCd);
|
|
|
+ });
|
|
|
+
|
|
|
+ var data = {
|
|
|
+ mode : 'add'
|
|
|
+ ,cateNo : $("#goodsDispOrdChangeForm input[name=cateCd]").val()
|
|
|
+ ,multiGoods : multiGoods
|
|
|
+ }
|
|
|
+ var jsonData = JSON.stringify(data);
|
|
|
+ gagajf.ajaxJsonSubmit('/display/category/goods/save', jsonData, fnSearchPopup);
|
|
|
+ uifnPopupClose('popupGoods');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 상품 삭제 버튼
|
|
|
+ */
|
|
|
+ var fnPopupRemoveGoods = function (goodsCd){
|
|
|
+ mcxDialog.confirm('삭제하시겠습니까?', {
|
|
|
+ cancelBtnText: "취소",
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function(){
|
|
|
+ var data = {
|
|
|
+ mode : 'delete'
|
|
|
+ ,cateNo : $("#goodsDispOrdChangeForm input[name=cateCd]").val()
|
|
|
+ ,goodsCd : goodsCd
|
|
|
+ };
|
|
|
+
|
|
|
+ var jsonData = JSON.stringify(data);
|
|
|
+ gagajf.ajaxJsonSubmit('/display/goods/dispord/change/delete', jsonData, fnSearchPopup);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 전시초기화 클릭
|
|
|
+ */
|
|
|
+ $("#btnPopupInit").on("click", function (){
|
|
|
+ mcxDialog.confirm('전시순서가 상품 등록일 순서로 초기화 됩니다.\n초기화 하시겠습니까?', {
|
|
|
+ cancelBtnText: "취소",
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function(){
|
|
|
+ var data = {
|
|
|
+ cateNo : $("#goodsDispOrdChangeForm input[name=cateCd]").val()
|
|
|
+ };
|
|
|
+
|
|
|
+ var jsonData = JSON.stringify(data);
|
|
|
+ gagajf.ajaxJsonSubmit('/display/category/goods/dispord/init', jsonData, fnSearchPopup);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 최상단/하단 이동 버튼
|
|
|
+ */
|
|
|
+ var fnUpdownBtn = function (goodsCd, dispOrd, changeGb){
|
|
|
+ var msg = "최상단으로 이동시 바로 저장됩니다. 이동하시겠습니까?";
|
|
|
+ if(changeGb=='down'){
|
|
|
+ msg = "최하단으로 이동시 바로 저장됩니다. 이동하시겠습니까?";
|
|
|
+ }
|
|
|
+ mcxDialog.confirm(msg, {
|
|
|
+ cancelBtnText: "취소",
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function(){
|
|
|
+ var data = {
|
|
|
+ goodsCdArr : goodsCd
|
|
|
+ ,dispOrdArr : dispOrd
|
|
|
+ ,changeGb : changeGb
|
|
|
+ ,cateNo : $("#goodsDispOrdChangeForm input[name=cateCd]").val()
|
|
|
+ }
|
|
|
+ var jsonData = JSON.stringify(data);
|
|
|
+ gagajf.ajaxJsonSubmit('/display/category/goods/dispord/updown', jsonData, fnSearchPopup);
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ $("#btnPopupSave").on("click", function(){
|
|
|
+ mcxDialog.confirm('저장하시겠습니까?', {
|
|
|
+ cancelBtnText: "취소",
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function(){
|
|
|
+ var dispOrdArr = [];
|
|
|
+ var goodsCdArr = [];
|
|
|
+ $(".item input[name=setDispOrd]").each(function(i){
|
|
|
+ if($(".item").eq(i).find("input[name=dispOrdEdit]").val()==''){
|
|
|
+ dispOrdArr.push($(this).val());
|
|
|
+ }else{
|
|
|
+ dispOrdArr.push($(".item").eq(i).find("input[name=dispOrdEdit]").val());
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $(".item li[name=goodsCd]").each(function(i){
|
|
|
+ goodsCdArr.push($(this).find("span").eq(0).text());
|
|
|
+ });
|
|
|
+
|
|
|
+ var data = {
|
|
|
+ dispOrdArr : dispOrdArr
|
|
|
+ ,goodsCdArr : goodsCdArr
|
|
|
+ ,cateNo : $("#goodsDispOrdChangeForm input[name=cateCd]").val()
|
|
|
+ }
|
|
|
+
|
|
|
+ var jsonData = JSON.stringify(data);
|
|
|
+ gagajf.ajaxJsonSubmit('/display/category/goods/dispord/update', jsonData, fnSearchPopup);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
$(document).ready(function() {
|
|
|
$("#sortable").sortable({
|
|
|
stop: function(event, ui) {
|
|
|
@@ -185,13 +316,13 @@
|
|
|
firstOrd = Number(firstOrd);
|
|
|
}
|
|
|
$(".item").each(function(i){
|
|
|
- $(this).find("input[name=dispOrd]").val(i+firstOrd);
|
|
|
+ $(this).find("input[name=setDispOrd]").val(i+firstOrd);
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
$("#sortable").disableSelection();
|
|
|
//sortable Item List
|
|
|
- fnSearchPopup();
|
|
|
+ fnSearchData();
|
|
|
});
|
|
|
</script>
|
|
|
</html>
|
jsshin