|
|
@@ -215,30 +215,29 @@
|
|
|
</tr>
|
|
|
<th:block th:each="num, index : ${#numbers.sequence(1,4)}">
|
|
|
<tr>
|
|
|
- <input type="hidden" name="selLvl" th:id="selLvl_+${num}"/>
|
|
|
<td>
|
|
|
- <select name="cateGb" th:id="selCate1_+${num}" th:idx="${num}" th:onchange="|fnChangeSelect($(this).val(), ${num}, 1);|">
|
|
|
+ <select th:id="selCate+${num}+1" th:onchange="|fnChangeSelect($(this).val(), ${num}, 1);|">
|
|
|
<option value="">[선택]</option>
|
|
|
<option th:if="${cateGbList}" th:each="oneData, status : ${cateGbList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
|
|
|
</select>
|
|
|
</td>
|
|
|
<td>
|
|
|
- <select name="cate1No" th:id="selCate2_+${num}" th:onchange="|fnChangeSelect($(this).val(), ${num}, 2);|">
|
|
|
+ <select name="cateCd1Arr" th:id="selCate+${num}+2" th:onchange="|fnChangeSelect($(this).val(), ${num}, 2);|">
|
|
|
<option value="">[선택]</option>
|
|
|
</select>
|
|
|
</td>
|
|
|
<td>
|
|
|
- <select name="cate2No" th:id="selCate3_+${num}" th:onchange="|fnChangeSelect($(this).val(), ${num}, 3);|">
|
|
|
+ <select name="cateCd2Arr" th:id="selCate+${num}+3" th:onchange="|fnChangeSelect($(this).val(), ${num}, 3);|">
|
|
|
<option value="">[선택]</option>
|
|
|
</select>
|
|
|
</td>
|
|
|
<td>
|
|
|
- <select name="cate3No" th:id="selCate4_+${num}" th:onchange="|fnChangeSelect($(this).val(), ${num}, 4);|">
|
|
|
+ <select name="cateCd3Arr" th:id="selCate+${num}+4" th:onchange="|fnChangeSelect($(this).val(), ${num}, 4);|">
|
|
|
<option value="">[선택]</option>
|
|
|
</select>
|
|
|
</td>
|
|
|
<td>
|
|
|
- <select name="cate4No" th:id="selCate5_+${num}" th:onchange="|fnChangeSelect($(this).val(), ${num}, 5);|">
|
|
|
+ <select name="cateCd4Arr" th:id="selCate+${num}+5" th:onchange="|fnChangeSelect($(this).val(), ${num}, 5);|">
|
|
|
<option value="">[선택]</option>
|
|
|
</select>
|
|
|
<input type="hidden" th:id='cateCd+${num}' name='cateCdArr' value='' />
|
|
|
@@ -249,20 +248,49 @@
|
|
|
</tr>
|
|
|
</th:block>
|
|
|
</table>
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li class="center">
|
|
|
+ <button type="button" class="btn btn-default btn-lg" id="btnCateInit">초기화</button>
|
|
|
+ <button type="button" class="btn btn-success btn-lg" id="btnCateSave">전시저장</button>
|
|
|
+ <input type="hidden" id='goodsCds' name='goodsCds' value='' />
|
|
|
+ <input type="hidden" name='selLvl' value='' />
|
|
|
+ <input type="hidden" name='cateIndex' value='' />
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</form>
|
|
|
</div>
|
|
|
|
|
|
+ <!-- 카테고리 리스트 영역 -->
|
|
|
+ <div class="panelStyle">
|
|
|
+ <form id="deleteForm" name="deleteForm" action="#" th:action="@{'/display/goods/category/delete'}">
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li class="right">
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" id="btnCateDelete">전시삭제</button>
|
|
|
+ <input type="hidden" name='goodsCd' value='' />
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div id="gridCategoryList" style="width: 100%; height: 500px;" class="ag-theme-balham"></div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- //카테고리 리스트 영역 -->
|
|
|
+
|
|
|
|
|
|
<script type="text/javascript" src="/ux/plugins/gaga/gaga.paging.js?v=2019072202"></script>
|
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
|
var goodsStatList = gagajf.convertToArray([[${goodsStatList}]]);
|
|
|
+ var cateGbList = gagajf.convertToArray([[${cateGbList}]]);
|
|
|
var columnDefs = [];
|
|
|
columnDefs = [
|
|
|
{width: 40, minWidth: 40, cellClass: 'text-right', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
|
|
|
{headerName: 'No', width: 60, cellClass: 'text-center',
|
|
|
valueGetter: function(params) { return cfnGridNumner('goodsSearchForm',params.node.rowIndex, 'A');}
|
|
|
},
|
|
|
+ {headerName: "카테고리", field: "fullCateNm", width: 140, cellClass: 'text-center'
|
|
|
+ ,cellRenderer: function(params) {
|
|
|
+ return '<a href="javascript:void(0);">'+params.value+'</a>';
|
|
|
+ }
|
|
|
+ },
|
|
|
{headerName: "이미지", field: "sysImgNm", width: 100, height: 60, cellClass: 'text-center'
|
|
|
,cellRenderer: function(params) {
|
|
|
return '<img width="60" src="'+ _goodsUrl+ "/" + params.value + '" alt="" onerror="this.src=\'/image/no.gif\';"/>';
|
|
|
@@ -297,16 +325,40 @@
|
|
|
}*/
|
|
|
];
|
|
|
|
|
|
+ var columCategoryDefs = [
|
|
|
+ {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
|
|
|
+ {headerName: "자동전시카테고리코드", field: "cateCd", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "자동전시카테고리", field: "fullCateNm", width: 400, cellClass: 'text-left'}
|
|
|
+ ];
|
|
|
+
|
|
|
// Get GridOptions
|
|
|
var gridOptions = gagaAgGrid.getGridOptions(columnDefs);
|
|
|
+ var gridCategoryOptions = gagaAgGrid.getGridOptions(columCategoryDefs);
|
|
|
|
|
|
// 중복 선택 가능
|
|
|
gridOptions.rowSelection = 'multiple';
|
|
|
gridOptions.suppressRowClickSelection = true;
|
|
|
gridOptions.rowHeight = 60; //이미지가 있을경우 높이 지정해야함.
|
|
|
-
|
|
|
gridOptions.stopEditingWhenGridLosesFocus = true;
|
|
|
|
|
|
+ gridCategoryOptions.rowSelection = 'multiple';
|
|
|
+ gridCategoryOptions.suppressRowClickSelection = true;
|
|
|
+
|
|
|
+ gridOptions.onCellClicked = function(event) {
|
|
|
+ if(event.colDef.field == "fullCateNm"){
|
|
|
+ $('#deleteForm input[name=goodsCd]').val(event.data.goodsCd);
|
|
|
+ fnDisplayCategorySearch();
|
|
|
+ $(window).scrollTop($(window).height());
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 상품별 전시카테고리 조회
|
|
|
+ var fnDisplayCategorySearch = function(){
|
|
|
+ var goodsCd = $('#deleteForm input[name=goodsCd]').val();
|
|
|
+ var actionUrl = "/display/goods/category/view/list?goodsCd=" + goodsCd;
|
|
|
+ gagaAgGrid.fetch(actionUrl, gridCategoryOptions);
|
|
|
+ }
|
|
|
+
|
|
|
// 조회
|
|
|
$('#btnSearch').on('click', function() {
|
|
|
if(gagajf.isNull($("#goodsSearchForm select[name=supplyCompCd]").val())
|
|
|
@@ -348,9 +400,6 @@
|
|
|
|
|
|
// 카테고리 selectBox 변경
|
|
|
var fnChangeSelect = function(val, cateIndex, selLvl){
|
|
|
- console.log('val:::'+val);
|
|
|
- console.log('cateIndex:::'+cateIndex);
|
|
|
- console.log('selLvl:::'+selLvl);
|
|
|
$("#cateCd"+cateIndex).val('');
|
|
|
$("#cateGb"+cateIndex).val('');
|
|
|
$("#leafYn"+cateIndex).val('');
|
|
|
@@ -365,8 +414,8 @@
|
|
|
} else {
|
|
|
//selLvl = 1;
|
|
|
var html = '<option value="">[선택]</option>';
|
|
|
- for(var i=1; i<5; i++){
|
|
|
- $("#selCate"+i+'_'+cateIndex).html(html);
|
|
|
+ for(var i=2; i<6; i++){
|
|
|
+ $("#selCate"+cateIndex+''+i).html(html);
|
|
|
}
|
|
|
return;
|
|
|
}
|
|
|
@@ -374,14 +423,15 @@
|
|
|
$("#cateCd"+cateIndex).val(val.split(',')[0]);
|
|
|
$("#leafYn"+cateIndex).val(val.split(',')[1]);
|
|
|
}
|
|
|
- $("#goodsCateForm input[name=selLvl]").val(selLvl);
|
|
|
+ $("#goodsCateForm input[name=selLvl]").val(selLvl+1);
|
|
|
$("#goodsCateForm input[name=cateIndex]").val(cateIndex);
|
|
|
|
|
|
- var cateGb = $('#selCate1_'+cateIndex).val();
|
|
|
- var cate1No = $('#selCate2_'+cateIndex).val().split(',')[0];
|
|
|
- var cate2No = $('#selCate3_'+cateIndex).val().split(',')[0];
|
|
|
- var cate3No = $('#selCate4_'+cateIndex).val().split(',')[0];
|
|
|
- var cate4No = $('#selCate5_'+cateIndex).val().split(',')[0];
|
|
|
+ var cateGb = $('#selCate'+cateIndex+'1').val();
|
|
|
+ var cate1No = $('#selCate'+cateIndex+'2').val().split(',')[0];
|
|
|
+ var cate2No = $('#selCate'+cateIndex+'3').val().split(',')[0];
|
|
|
+ var cate3No = $('#selCate'+cateIndex+'4').val().split(',')[0];
|
|
|
+ var cate4No = $('#selCate'+cateIndex+'5').val().split(',')[0];
|
|
|
+
|
|
|
$("#cateGb"+cateIndex).val(cateGb);
|
|
|
if(selLvl==5 || (val=='' && selLvl==4)){
|
|
|
return;
|
|
|
@@ -401,26 +451,28 @@
|
|
|
}
|
|
|
|
|
|
var fnChangeCate = function(data){
|
|
|
- console.log('hereeeeeeeeeeeee');
|
|
|
- /*
|
|
|
- var selLvl = $("#saveForm input[name=selLvl]").val();
|
|
|
- var cateIndex = $("#saveForm input[name=cateIndex]").val();
|
|
|
+ var selLvl = $("#goodsCateForm input[name=selLvl]").val();
|
|
|
+ var cateIndex = $("#goodsCateForm input[name=cateIndex]").val();
|
|
|
var html = '<option value="">[선택]</option>';
|
|
|
- for(var i=1; i<6; i++){
|
|
|
+
|
|
|
+ for(var i=0; i<6; i++){
|
|
|
+ i = i+1;
|
|
|
if(i>selLvl){
|
|
|
$("#selCate"+cateIndex+''+i).html(html);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
for(var i=0; i<data.length; i++){
|
|
|
var cd = '';
|
|
|
var nm = '';
|
|
|
var leafYn = '';
|
|
|
+
|
|
|
if(data[i].useYn=='Y'){
|
|
|
if(selLvl=='1'){
|
|
|
cd = data[i].cateGb;
|
|
|
nm = gagaAgGrid.lookupValue(cateGbList, cd);
|
|
|
}else{
|
|
|
- cd = data[i].cateCd;
|
|
|
+ cd = data[i].cateNo;
|
|
|
nm = data[i].cateNm;
|
|
|
leafYn = ','+data[i].leafYn;
|
|
|
$("#cateType"+cateIndex).val(data[i].cateType);
|
|
|
@@ -429,13 +481,79 @@
|
|
|
}
|
|
|
}
|
|
|
$("#selCate"+cateIndex+''+selLvl).html(html);
|
|
|
- */
|
|
|
}
|
|
|
|
|
|
+ // 카테고리 저장
|
|
|
+ $("#btnCateSave").on('click', function() {
|
|
|
+ var data = gridOptions.api.getSelectedRows();
|
|
|
+ if(data.length == 0){
|
|
|
+ mcxDialog.alert('상품을 선택하세요.');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ var msgArr = ['', '첫 번째', '두 번째', '세 번째', '네 번째'];
|
|
|
+ var cateCdBool = false;
|
|
|
+
|
|
|
+ for(var i=1; i<5; i++){
|
|
|
+ if($("#cateCd"+i).val()!=''){
|
|
|
+ cateCdBool = true;
|
|
|
+ if($("#leafYn"+i).val()!='Y'){
|
|
|
+ mcxDialog.alert(msgArr[i]+' 행의 leaf카테고리를 선택하세요.');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }else if($("#cateGb"+i).val()!=''){
|
|
|
+ mcxDialog.alert(msgArr[i]+' 행의 leaf카테고리를 선택하세요.');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(!cateCdBool){
|
|
|
+ mcxDialog.alert('전시할 카테고리를 선택하세요.');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var goodsCdS = '';
|
|
|
+ data.forEach(function(row){
|
|
|
+ if (goodsCdS!=''){
|
|
|
+ goodsCdS += ','
|
|
|
+ }
|
|
|
+ goodsCdS += row.goodsCd;
|
|
|
+ });
|
|
|
+ $("#goodsCds").val(goodsCdS);
|
|
|
+
|
|
|
+ mcxDialog.confirm('저장하시겠습니까?', {
|
|
|
+ cancelBtnText: "취소",
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function(){
|
|
|
+ gagajf.ajaxFormSubmit($('#goodsCateForm').prop('action'), "#goodsCateForm", fnGoodsCateSaveCallBack);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ var fnGoodsCateSaveCallBack = function(){
|
|
|
+ console.log('save success@');
|
|
|
+ $('#btnCateInit').click();
|
|
|
+ };
|
|
|
+
|
|
|
+ // 검색조건 초기화
|
|
|
+ $('#btnCateInit').on('click', function() {
|
|
|
+ $("#goodsCateForm")[0].reset();
|
|
|
+ var html = '<option value="">[선택]</option>';
|
|
|
+ for(var i=2; i<5; i++){
|
|
|
+ for(var j=1; j<5; j++){
|
|
|
+ $("#selCate"+j+''+i).html(html);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for(var i=1; i<5; i++){
|
|
|
+ $("#cateCd"+i).val('');
|
|
|
+ $("#cateGb"+i).val('');
|
|
|
+ $("#leafYn"+i).val('');
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
$(document).ready(function() {
|
|
|
cfnCreateCalendar('#sellTerms', 'stDate', 'edDate', true, '기간', 'X');
|
|
|
// Create a agGrid
|
|
|
gagaAgGrid.createGrid('gridList', gridOptions);
|
|
|
+ gagaAgGrid.createGrid('gridCategoryList', gridCategoryOptions);
|
|
|
});
|
|
|
|
|
|
/*]]>*/
|