|
|
@@ -25,9 +25,9 @@
|
|
|
</div>
|
|
|
<!-- //메뉴 설명 -->
|
|
|
|
|
|
- <!-- 검색조건 영역 -->
|
|
|
- <div class="panelStyle">
|
|
|
- <form id="searchForm" name="searchForm" action="#" th:action="@{'/settle/goods/list'}" onsubmit="$('#btnSearch').trigger('click'); return false;">
|
|
|
+ <form id="searchForm" name="searchForm" action="#" th:action="@{'/ocm/extmall/settle/list'}" onsubmit="$('#btnSearch').trigger('click'); return false;">
|
|
|
+ <!-- 검색조건 영역 -->
|
|
|
+ <div class="panelStyle">
|
|
|
<table class="frmStyle" aria-describedby="검색조건">
|
|
|
<colgroup>
|
|
|
<col style="width:10%;"/>
|
|
|
@@ -91,40 +91,43 @@
|
|
|
<button type="button" class="btn btn-gray btn-lg" id="btnInit">초기화</button>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <!-- 검색조건 영역 -->
|
|
|
-
|
|
|
- <!-- 리스트 영역 -->
|
|
|
- <div class="panelStyle">
|
|
|
- <ul class="panelBar">
|
|
|
- <li>
|
|
|
- <button type="button" class="btn btn-default btn-lg" onclick="fnExcelDownLoad();">엑셀다운로드</button>
|
|
|
- </li>
|
|
|
- <li class="right">
|
|
|
- 검색결과 : <strong><span id="gridRowTotalCount">0</span> 건</strong>
|
|
|
- 쪽번호 <span id="pgNo">0</span>/ <strong id="endPgNo">0</strong>
|
|
|
- <select id="pageSize" name="pageSize">
|
|
|
- <option value="50" selected="selected">50개씩 보기</option>
|
|
|
- <option value="100">100개씩 보기</option>
|
|
|
- <option value="500">500개씩 보기</option>
|
|
|
- <option value="1000">1000개씩 보기</option>
|
|
|
- </select>
|
|
|
- <input type="hidden" name="pageNo" id="pageNo" value ="1"/>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- <div id="gridList" style="width: 100%; height: 470px" class="ag-theme-balham"></div>
|
|
|
-
|
|
|
- <ul class="panelBar">
|
|
|
- <li class="center">
|
|
|
- <div class="tablePaging" id="invoiceListPagination"></div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <!-- //리스트 영역 -->
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <!-- 검색조건 영역 -->
|
|
|
+
|
|
|
+ <!-- 리스트 영역 -->
|
|
|
+ <div class="panelStyle">
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li>
|
|
|
+ <button type="button" class="btn btn-default btn-lg" onclick="fnExcelDownLoad();">엑셀다운로드</button>
|
|
|
+ </li>
|
|
|
+ <li class="right">
|
|
|
+ 검색결과 : <strong><span id="gridRowTotalCount">0</span> 건</strong>
|
|
|
+ 쪽번호 <span id="pgNo">0</span>/ <strong id="endPgNo">0</strong>
|
|
|
+ <select id="pageSize" name="pageSize">
|
|
|
+ <option value="50" selected="selected">50개씩 보기</option>
|
|
|
+ <option value="100">100개씩 보기</option>
|
|
|
+ <option value="500">500개씩 보기</option>
|
|
|
+ <option value="1000">1000개씩 보기</option>
|
|
|
+ </select>
|
|
|
+ <input type="hidden" name="pageNo" id="pageNo" value ="1"/>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <div id="gridList" style="width: 100%; height: 470px" class="ag-theme-balham"></div>
|
|
|
+
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li class="center">
|
|
|
+ <div class="tablePaging" id="listPagination"></div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //리스트 영역 -->
|
|
|
+
|
|
|
+ </form>
|
|
|
</div>
|
|
|
|
|
|
+<script type="text/javascript" src="/ux/plugins/gaga/gaga.paging.js?v=20210114"></script>
|
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
|
let vendorList = gagajf.convertToArray([[${vendorList}]]);
|
|
|
@@ -133,108 +136,26 @@
|
|
|
let distributionGbList = gagajf.convertToArray([[${distributionGbList}]]);
|
|
|
|
|
|
let columnDefs = [
|
|
|
+ { headerName: "단품이력일련번호", field: "ordDtlItemHstSq", width: 150, cellClass: 'text-center' },
|
|
|
{ headerName: "주문번호", field: "ordNo", width: 100, cellClass: 'text-center' },
|
|
|
- { headerName: "주문상세번호", field: "ordDtlNo", width: 150, cellClass: 'text-center' },
|
|
|
- { headerName: "몰구분", field: "mallGbNm", width: 100, cellClass: 'text-center' },
|
|
|
- { headerName: "제휴몰주문번호", field: "extmallOrderId", width: 150, cellClass: 'text-center' },
|
|
|
- { headerName: "제휴몰명", field: "extmallNm", width: 150, cellClass: 'text-center' },
|
|
|
-// {
|
|
|
-// headerName: "공급업체", field: "supplyCompCd", width: 100, cellClass: 'text-center',
|
|
|
-// valueGetter: function (params) {
|
|
|
-// return gagaAgGrid.lookupValue(supplyCompList, params.data.supplyCompCd);
|
|
|
-// }
|
|
|
-// },
|
|
|
- { headerName: "공급업체", field: "supplyCompNm", width: 150, cellClass: 'text-center' },
|
|
|
-// {
|
|
|
-// headerName: "유통구분", field: "distributionGb", width: 100, cellClass: 'text-center',
|
|
|
-// valueGetter: function (params) {
|
|
|
-// return gagaAgGrid.lookupValue(distributionGbList, params.data.distributionGb);
|
|
|
-// }
|
|
|
-// },
|
|
|
- { headerName: "유통구분", field: "distributionGbNm", width: 100, cellClass: 'text-center'},
|
|
|
- { headerName: "정산주기", field: "settleDayNm", width: 100, cellClass: 'text-center' },
|
|
|
- { headerName: "주문일시", field: "ordDt", width: 150, cellClass: 'text-center' },
|
|
|
- { headerName: "정산구분", field: "settleGbNm", width: 100, cellClass: 'text-center' },
|
|
|
- { headerName: "발생(출고/회수)일시", field: "occurDt", width: 150, cellClass: 'text-center' },
|
|
|
+ { headerName: "주문상세번호", field: "ordDtlNo", width: 100, cellClass: 'text-center' },
|
|
|
+ { headerName: "단품코드", field: "itemCd", width: 100, cellClass: 'text-center' },
|
|
|
{ headerName: "상품코드", field: "goodsCd", width: 120, cellClass: 'text-center' },
|
|
|
- { headerName: "상품명", field: "goodsNm", width: 300 },
|
|
|
- { headerName: "브랜드", field: "brandEnm", width: 100, cellClass: 'text-center' },
|
|
|
- { headerName: "담당MD", field: "mdNm", width: 100, cellClass: 'text-center' },
|
|
|
- { headerName: "단품코드", field: "itemCd", width: 120, cellClass: 'text-center' },
|
|
|
- { headerName: "옵션", field: "optCd1", width: 100, cellClass: 'text-center' },
|
|
|
- {
|
|
|
- headerName: "판매가", field: "sellPrice", width: 100, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "판매수량", field: "sellQty", width: 100, cellClass: 'text-center',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); },
|
|
|
- cellStyle : function(params) { if (Number(params.value) < 0) return { 'color' : 'red' } }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "판매총액", field: "sellAmt", width: 100, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); },
|
|
|
- cellStyle : function(params) { if (Number(params.value) < 0) return { 'color' : 'red' } }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "즉시사용쿠폰금액", field: "cpn1DcAmt", width: 120, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "상품쿠폰사용금액", field: "goodsCpnDcAmt", width: 120, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "주문서쿠폰사용금액", field: "cartCpnDcAmt", width: 130, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "포인트사용금액", field: "pntDcAmt", width: 120, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "다다익선할인금액", field: "tmtbDcAmt", width: 120, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "상품권사용금액", field: "gfcdUseAmt", width: 120, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "자사쿠폰분담액", field: "selfCpnDcAmt", width: 120, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "입점쿠폰분담액", field: "supplyCompCpnDcAmt", width: 120, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "실판매가", field: "realSellPrice", width: 100, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "상품총액", field: "realSellAmt", width: 100, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); },
|
|
|
- cellStyle : function(params) { if (Number(params.value) < 0) return { 'color' : 'red' } }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "판매수수료율(%)", field: "sellFeeRate", width: 120, cellClass: 'text-center',
|
|
|
- cellRenderer: function (params) { return params.value + '%'; }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "수수료", field: "sellFeeAmt", width: 100, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); },
|
|
|
- cellStyle : function(params) { if (Number(params.value) < 0) return { 'color' : 'red' } }
|
|
|
- },
|
|
|
- {
|
|
|
- headerName: "정산대상액", field: "settleAmt", width: 100, cellClass: 'text-right',
|
|
|
- cellRenderer: function (params) { return gagaAgGrid.toAddComma(params.value); },
|
|
|
- cellStyle : function(params) { if (Number(params.value) < 0) return { 'color' : 'red' } }
|
|
|
- }
|
|
|
+ { headerName: "상품명", field: "goodsNm", width: 250 },
|
|
|
+ { headerName: "옵션코드", field: "optCd", width: 100, cellClass: 'text-center' },
|
|
|
+ { headerName: "옵션1", field: "optCd1", width: 100, cellClass: 'text-center' },
|
|
|
+ { headerName: "옵션2", field: "optCd2", width: 100, cellClass: 'text-center' },
|
|
|
+ { headerName: "단품수량", field: "itemQty", width: 100, cellClass: 'text-center' },
|
|
|
+ { headerName: "단품단가", field: "itemPrice", width: 100, cellClass: 'text-center' },
|
|
|
+ { headerName: "정산가", field: "usacPrice", width: 100, cellClass: 'text-center' },
|
|
|
+
|
|
|
+ {headerName: "등록자", field: "regNm", width: 100, cellClass: 'text-center'},
|
|
|
+ {headerName: "등록일", field: "regDt", width: 100, cellClass: 'text-center'},
|
|
|
+ {headerName: "수정자", field: "updNm", width: 100, cellClass: 'text-center'},
|
|
|
+ {headerName: "수정자", field: "updDt", width: 100, cellClass: 'text-center'},
|
|
|
];
|
|
|
|
|
|
let gridOptions = gagaAgGrid.getGridOptions(columnDefs);
|
|
|
-
|
|
|
|
|
|
|
|
|
// 벤더 콤보박스 변경 시
|
|
|
@@ -302,13 +223,97 @@
|
|
|
}
|
|
|
|
|
|
// 검색
|
|
|
- $('#btnSearch').on('click', function() {
|
|
|
+ /*$('#btnSearch').on('click', function() {
|
|
|
// 입력 값 체크
|
|
|
if (!gagajf.validation($('#searchForm')))
|
|
|
return false;
|
|
|
|
|
|
gagaAgGrid.fetch($('#searchForm').prop('action'), gridOptions, '#searchForm');
|
|
|
+ }); */
|
|
|
+
|
|
|
+ //페이징
|
|
|
+ $('#searchForm select[name=pageSize]').on('change', function() {
|
|
|
+ $("#searchForm input[name=pageNo]").val('1');
|
|
|
+ fnGoodsListSearch();
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ /**************** 검색 ********************************************************/
|
|
|
+ $('#btnSearch').on('click', function() {
|
|
|
+ //gagaAgGrid.fetch($('#searchForm').prop('action'), gridOptions, '#searchForm');
|
|
|
+ $("#searchForm input[name=pageNo]").val('1');
|
|
|
+ fnGoodsListSearch();
|
|
|
});
|
|
|
+
|
|
|
+ // 조회
|
|
|
+ var fnGoodsListSearch = function() {
|
|
|
+ if(!fnConditionCheck()) return;
|
|
|
+ gagaPaging.init('searchForm', fnSearchCallBack, 'listPagination', $('#searchForm').find('#pageSize').val());
|
|
|
+ gagaPaging.load($("#searchForm input[name=pageNo]").val());
|
|
|
+ }
|
|
|
+
|
|
|
+ //검색 조건 확인
|
|
|
+ var fnConditionCheck = function(){
|
|
|
+ var formId = '#searchForm';
|
|
|
+ var form = document.searchForm;
|
|
|
+
|
|
|
+ if (event.keyCode === 13) return false;
|
|
|
+
|
|
|
+ var searchFlag = false;
|
|
|
+ var cnt = 0;
|
|
|
+
|
|
|
+ if( !gagajf.isNull($("#searchForm textarea[name=condition]").val())
|
|
|
+ || (!gagajf.isNull($("#searchForm input[name=stDate]").val()) && !gagajf.isNull($("#searchForm input[name=edDate]").val()))
|
|
|
+ ){
|
|
|
+ searchFlag = true;
|
|
|
+ }else{
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ if(searchFlag == false){
|
|
|
+ mcxDialog.alert("검색조건을 입력하세요.");
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ var fromDate = $('#searchForm input[name=stDate]').val();
|
|
|
+ var toDate = $('#searchForm input[name=edDate]').val();
|
|
|
+
|
|
|
+ if (!gagajf.isNull(fromDate) || !gagajf.isNull(toDate)) {
|
|
|
+
|
|
|
+ if (gagajf.isNull(fromDate) || gagajf.isNull(toDate)) {
|
|
|
+ mcxDialog.alertC("등록일 조회시 시작일자와 종료일자를 입력하세요.", {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $('#searchForm input[name=stDate]').focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (fromDate > toDate) {
|
|
|
+ mcxDialog.alertC("등록 시작일자는 종료일자 보다 클 수 없습니다.", {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $('#searchForm input[name=stDate]').focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ 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.list);
|
|
|
+ gagaPaging.createPagination(result.pageing.pageable);
|
|
|
+
|
|
|
+ }
|
|
|
+ /**************** 검색 // *****************************************************/
|
|
|
|
|
|
// 초기화 클릭시
|
|
|
$('#btnInit').on('click', function() {
|
|
|
@@ -325,10 +330,10 @@
|
|
|
});
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
- cfnCreateCalendar('#terms', 'salesStdt', 'salesEddt', true, '매출');
|
|
|
+ cfnCreateCalendar('#terms', 'stDate', 'edDate', true, '매출');
|
|
|
$('.btnToday').trigger('click');
|
|
|
|
|
|
- $('#extmallVendor').hide();
|
|
|
+ //$('#extmallVendor').hide();
|
|
|
|
|
|
// Create a agGrid
|
|
|
gagaAgGrid.createGrid('gridList', gridOptions);
|