|
@@ -26,7 +26,7 @@
|
|
|
<!-- //메뉴 설명 -->
|
|
<!-- //메뉴 설명 -->
|
|
|
|
|
|
|
|
<!-- 검색조건 영역 -->
|
|
<!-- 검색조건 영역 -->
|
|
|
- <form id="searchForm" name="searchForm" action="#" th:action="@{'/display/popup/list'}" onsubmit="$('#btnSearch').trigger('click'); return false;">
|
|
|
|
|
|
|
+ <form id="searchForm" name="searchForm" action="#" th:action="@{'/display/lookbook/list'}" onsubmit="$('#btnSearch').trigger('click'); return false;">
|
|
|
<div class="panelStyle">
|
|
<div class="panelStyle">
|
|
|
<table class="frmStyle">
|
|
<table class="frmStyle">
|
|
|
<colgroup>
|
|
<colgroup>
|
|
@@ -46,7 +46,7 @@
|
|
|
</td>
|
|
</td>
|
|
|
<th>브랜드</th>
|
|
<th>브랜드</th>
|
|
|
<td>
|
|
<td>
|
|
|
- <select name="brandGroupNo">
|
|
|
|
|
|
|
+ <select name="brandCd">
|
|
|
<option value="">[선택]</option>
|
|
<option value="">[선택]</option>
|
|
|
<option th:if="${brandGroupList}" th:each="oneData, status : ${brandGroupList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
|
|
<option th:if="${brandGroupList}" th:each="oneData, status : ${brandGroupList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
|
|
|
</select>
|
|
</select>
|
|
@@ -96,6 +96,11 @@
|
|
|
<div class="panelStyle">
|
|
<div class="panelStyle">
|
|
|
<!-- 상단영역 START -->
|
|
<!-- 상단영역 START -->
|
|
|
<ul class="panelBar">
|
|
<ul class="panelBar">
|
|
|
|
|
+ <li class="left">
|
|
|
|
|
+ <span class="btnLeft">
|
|
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" id="btnDel">노출안함</button>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </li>
|
|
|
<li class="right">
|
|
<li class="right">
|
|
|
<span class="btnRight">
|
|
<span class="btnRight">
|
|
|
<button type="button" class="btn btn-success btn-lg" id="btnReg">등록</button>
|
|
<button type="button" class="btn btn-success btn-lg" id="btnReg">등록</button>
|
|
@@ -131,30 +136,90 @@
|
|
|
|
|
|
|
|
let columnDefs = [
|
|
let columnDefs = [
|
|
|
{width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
|
|
{width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
|
|
|
- {headerName: "룩북일련번호", field: "lookbookSq", width: 150, cellClass: 'text-center'
|
|
|
|
|
|
|
+ {headerName: "룩북일련번호", field: "lookbookSq", width: 100, cellClass: 'text-center'
|
|
|
,cellRenderer: function(params) {
|
|
,cellRenderer: function(params) {
|
|
|
return '<a href="javascript:void(0);">' + params.value + '</a>';
|
|
return '<a href="javascript:void(0);">' + params.value + '</a>';
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- {headerName: "타이틀", field: "title", width: 150, cellClass: 'text-center'},
|
|
|
|
|
- {headerName: "브랜드", field: "brandCd", width: 150, cellClass: 'text-center'},
|
|
|
|
|
- {headerName: "메인룩북", field: "mainDispYn", width: 150, cellClass: 'text-center'},
|
|
|
|
|
- {headerName: "노출여부", field: "dispYn", width: 150, cellClass: 'text-center'},
|
|
|
|
|
|
|
+ {headerName: "타이틀", field: "title", width: 200, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "브랜드", field: "brandCd", width: 80, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "메인룩북", field: "mainDispYn", width: 80, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "노출여부", field: "dispYn", width: 80, cellClass: 'text-center'},
|
|
|
{headerName: "노출시작일", field: "dispStdt", width: 150, cellClass: 'text-center'},
|
|
{headerName: "노출시작일", field: "dispStdt", width: 150, cellClass: 'text-center'},
|
|
|
{headerName: "노출종료일", field: "dispEddt", width: 150, cellClass: 'text-center'},
|
|
{headerName: "노출종료일", field: "dispEddt", width: 150, cellClass: 'text-center'},
|
|
|
- {headerName: "등록자", field: "regNo", width: 150, cellClass: 'text-center'},
|
|
|
|
|
|
|
+ {headerName: "등록자", field: "regNm", width: 80, cellClass: 'text-center'},
|
|
|
{headerName: "등록일자", field: "regDt", width: 150, cellClass: 'text-center'},
|
|
{headerName: "등록일자", field: "regDt", width: 150, cellClass: 'text-center'},
|
|
|
- {headerName: "수정자", field: "updNo", width: 150, cellClass: 'text-center'},
|
|
|
|
|
|
|
+ {headerName: "수정자", field: "updNm", width: 80, cellClass: 'text-center'},
|
|
|
{headerName: "수정일자", field: "updDt", width: 150, cellClass: 'text-center'}
|
|
{headerName: "수정일자", field: "updDt", width: 150, cellClass: 'text-center'}
|
|
|
];
|
|
];
|
|
|
|
|
|
|
|
let gridOptions = gagaAgGrid.getGridOptions(columnDefs);
|
|
let gridOptions = gagaAgGrid.getGridOptions(columnDefs);
|
|
|
gridOptions.rowSelection = "multiple";
|
|
gridOptions.rowSelection = "multiple";
|
|
|
|
|
|
|
|
|
|
+ // 등록 팝업
|
|
|
$("#btnReg").on('click', function(){
|
|
$("#btnReg").on('click', function(){
|
|
|
cfnOpenLookbookBannerPopup('N');
|
|
cfnOpenLookbookBannerPopup('N');
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
|
|
+ // 초기화 버튼
|
|
|
|
|
+ $("#btnInit").on('click', function (){
|
|
|
|
|
+ $("#searchForm")[0].reset();
|
|
|
|
|
+ gagajf.setDate('schStDate', 'schEdDate', 't');
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 조회
|
|
|
|
|
+ $("#btnSearch").on('click', function(){
|
|
|
|
|
+ $("#searchForm input[name=dispStTime]").val($('#searchForm #schStTimeHour').val()+$('#searchForm #schStTimeMin').val()+'00');
|
|
|
|
|
+ $("#searchForm input[name=dispEdTime]").val($('#searchForm #schEdTimeHour').val()+$('#searchForm #schEdTimeMin').val()+'59');
|
|
|
|
|
+ fnSearch();
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ var fnSearch = function(){
|
|
|
|
|
+ gagaPaging.init('searchForm', fnSearchCallBack, 'lookbookListPagination', $('#searchForm').find('#pageSize').val());
|
|
|
|
|
+ gagaPaging.load(1);
|
|
|
|
|
+ };
|
|
|
|
|
+
|
|
|
|
|
+ var fnSearchCallBack = function(result){
|
|
|
|
|
+ $('#searchForm').find('#gridRowTotalCount').html(result.pageing.pageable.totalCount.addComma());
|
|
|
|
|
+ $('#searchForm').find('#pageNo').val(result.pageing.pageable.pageNo.addComma());
|
|
|
|
|
+ $('#searchForm').find('#pgNo').html(result.pageing.pageable.pageNo.addComma());
|
|
|
|
|
+ $('#searchForm').find('#endPgNo').html(result.pageing.pageable.totalPage.addComma());
|
|
|
|
|
+ gridOptions.api.setRowData(result.lookbookList);
|
|
|
|
|
+ gagaPaging.createPagination(result.pageing.pageable);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ // 노출안함
|
|
|
|
|
+ $("#btnDel").on('click', function (){
|
|
|
|
|
+ var selectRowData = gagaAgGrid.selectedRowData(gridOptions);
|
|
|
|
|
+ if (selectRowData.length > 0) {
|
|
|
|
|
+ mcxDialog.confirm('변경하시겠습니까?', {
|
|
|
|
|
+ cancelBtnText: "취소",
|
|
|
|
|
+ sureBtnText: "확인",
|
|
|
|
|
+ sureBtnClick: function(){
|
|
|
|
|
+ var selectDataArr = [];
|
|
|
|
|
+ $.each(selectRowData, function(idx, item) {
|
|
|
|
|
+ selectDataArr.push(item.lookbookSq);
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ var data = {
|
|
|
|
|
+ selectDataArr : selectDataArr
|
|
|
|
|
+ };
|
|
|
|
|
+
|
|
|
|
|
+ var jsonData = JSON.stringify(data);
|
|
|
|
|
+ gagajf.ajaxJsonSubmit('/display/lookbook/delete', jsonData, fnSaveCollback);
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ }else{
|
|
|
|
|
+ mcxDialog.alert('선택된 행이 없습니다.');
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ var fnSaveCollback = function (){
|
|
|
|
|
+ $("#btnInit").click();
|
|
|
|
|
+ $('#btnSearch').trigger('click');
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
$(document).ready(function() {
|
|
$(document).ready(function() {
|
|
|
// Create a agGrid
|
|
// Create a agGrid
|
|
|
gagaAgGrid.createGrid('gridList', gridOptions);
|
|
gagaAgGrid.createGrid('gridList', gridOptions);
|