|
|
@@ -0,0 +1,213 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : ExchangeDelvFailListForm.html
|
|
|
+ * @desc : 교환출고 품절취소 목록 Page
|
|
|
+ *=============================================================
|
|
|
+ * ISTYLE24
|
|
|
+ * Copyright(C) 2021 TSIT, All rights reserved.
|
|
|
+ *=============================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== ==================================
|
|
|
+ * 1.0 2021.06.03 jsh77b 최초 작성
|
|
|
+ * 1.1
|
|
|
+ ********************************************************************************
|
|
|
+ -->
|
|
|
+ <div id="main">
|
|
|
+ <!-- 메인타이틀 영역 -->
|
|
|
+ <div class="main-title">
|
|
|
+ </div>
|
|
|
+ <!-- //메인타이틀 영역 -->
|
|
|
+ <!-- 메뉴 설명 -->
|
|
|
+ <div class="infoBox menu-desc">
|
|
|
+ </div>
|
|
|
+ <!-- //메뉴 설명 -->
|
|
|
+ <!-- 검색조건 영역 -->
|
|
|
+ <div class="panelStyle">
|
|
|
+ <!-- TITLE -->
|
|
|
+ <div class="panelTitle">
|
|
|
+ <h3><i class="fa fa-info-circle"></i>아래 검색조건 중 <font color="red">등록일</font>은 꼭 입력해 주세요.</h3>
|
|
|
+ <span class="panelControl">
|
|
|
+ <i class="fa fa-chevron-up"></i>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <!-- //TITLE -->
|
|
|
+
|
|
|
+ <div class="panelContent">
|
|
|
+ <form id="searchForm" name="searchForm" action="#" th:action="@{'/delivery/exchange/delvFail/list'}" onsubmit="fnSearchList(); return false;">
|
|
|
+ <table class="frmStyle">
|
|
|
+ <colgroup>
|
|
|
+ <col style="width:8%;"/>
|
|
|
+ <col style="width:12%;"/>
|
|
|
+ <col style="width:8%;"/>
|
|
|
+ <col style="width:12%;"/>
|
|
|
+ <col style="width:8%;"/>
|
|
|
+ <col style="width:12%;"/>
|
|
|
+ </colgroup>
|
|
|
+ <tr>
|
|
|
+ <th class="dashR">주문자명</th>
|
|
|
+ <td class="dashR">
|
|
|
+ <input type="text" class="w40p" name="ordNm" placeholder="" maxlength="20" />
|
|
|
+ </td>
|
|
|
+ <th class="dashR">주문번호</th>
|
|
|
+ <td class="dashR">
|
|
|
+ <input type="text" class="w40p" name="ordNo" placeholder="" maxlength="20" data-valid-type="numeric"/>
|
|
|
+ </td>
|
|
|
+ <th class="dashR">처리상태</th>
|
|
|
+ <td class="dashR">
|
|
|
+ <select name="delYn" id="delYn">
|
|
|
+ <option value="">전체</option>
|
|
|
+ <option value="대기" selected>대기</option>
|
|
|
+ <option value="처리완료">처리완료</option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th class="dashR">등록일</th>
|
|
|
+ <td colspan="4" class="dashR">
|
|
|
+ <span id="terms"></span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li class="center">
|
|
|
+ <button type="button" class="btn btn-base btn-lg" id="btnSearch">조회</button>
|
|
|
+ <button type="button" class="btn btn-gray btn-lg" onclick="$('#searchForm')[0].reset(); fnInitCalendar();">초기화</button>
|
|
|
+ <button type="button" id="btnExcel" class="btn btn-info btn-lg" >엑셀다운로드</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //검색조건 영역 -->
|
|
|
+
|
|
|
+ <!-- 리스트 영역 -->
|
|
|
+ <div class="panelStyle">
|
|
|
+ <div class="panelContent" style="overflow: hidden;">
|
|
|
+ <div id="gridList" style="width:100%; height: 500px;" class="ag-theme-balham"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //리스트 영역 -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+<script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
+ var columnDefs = [
|
|
|
+ {headerName: "교환배송취소번호", field: "exchangeDelvFailSq", width: 50, cellClass: 'text-center', hide: true},
|
|
|
+ {headerName: "변경요청번호", field: "ordChgSq", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "주문번호", field: "ordNo", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "주문상세번호", field: "ordDtlNo", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "교환배송취소여부", field: "delvCnclYn", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "출고가능수량", field: "ordQty", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "품절취소수량", field: "cnclRtnQty", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "품절취소사유", field: "delvFailReason", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "상품코드", field: "goodsCd", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "상품명", field: "goodsNm", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "주문자", field: "ordNm", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "핸드폰번호", field: "ordPhnno", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "이메일", field: "ordEmail", width: 150, cellClass: 'text-center'}
|
|
|
+ ];
|
|
|
+
|
|
|
+ var gridOptions = gagaAgGrid.getGridOptions(columnDefs);
|
|
|
+ gridOptions.rowSelection = 'multiple';
|
|
|
+
|
|
|
+ $('#btnSearch').on('click', function() {
|
|
|
+ fnSearchList();
|
|
|
+ });
|
|
|
+
|
|
|
+ var fnSearchList = function() {
|
|
|
+ if ($('#stDate').val() == '') {
|
|
|
+ mcxDialog.alert('시작 기간을 입력하세요.');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if ($('#edDate').val() == '') {
|
|
|
+ mcxDialog.alert('종료 기간을 입력하세요.');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 날짜 유효성 체크
|
|
|
+ if (Number($('#stDate').val().replaceAll("-", "")) > Number($('#edDate').val().replaceAll("-", ""))) {
|
|
|
+ mcxDialog.alert("시작일은 종료일보다 클 수 없습니다.");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ gagaAgGrid.fetch($('#searchForm').prop('action'), gridOptions, '#searchForm', function() {
|
|
|
+
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /*************************************************************************
|
|
|
+ * 달력 초기화
|
|
|
+ **************************************************************************/
|
|
|
+ var fnInitCalendar = function() {
|
|
|
+ cfnChangeCalendar('1d', $('#stDate'), $('#edDate')); //달력 초기화
|
|
|
+ }
|
|
|
+
|
|
|
+ /*************************************************************************
|
|
|
+ * 삭제
|
|
|
+ **************************************************************************/
|
|
|
+ var deleteBangoods = function(){
|
|
|
+
|
|
|
+ var selectedData = gridOptions.api.getSelectedNodes();
|
|
|
+
|
|
|
+ $.each(selectedData, function(idx, row) {
|
|
|
+
|
|
|
+ if(row.data.delYn == "Y") {
|
|
|
+ gridOptions.api.deselectIndex(row.rowIndex);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ mcxDialog.confirm("삭제하시겠습니까?", {
|
|
|
+ cancelBtnText: "취소",
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+
|
|
|
+ var gridData = gagaAgGrid.removeRowData(gridOptions,false);
|
|
|
+
|
|
|
+ if (gridData.length == 0) {
|
|
|
+ mcxDialog.alert('선택된 행이 없습니다.');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var createData = [];
|
|
|
+ $.each(gridData, function(idx, item) {
|
|
|
+ var param = new Object;
|
|
|
+
|
|
|
+ param.delvBanGoodsSq = item.delvBanGoodsSq;
|
|
|
+ param.goodsCd = item.goodsCd;
|
|
|
+ param.colorCd = item.colorCd;
|
|
|
+ param.sizeCd = item.sizeCd;
|
|
|
+
|
|
|
+ createData.push(param);
|
|
|
+ });
|
|
|
+
|
|
|
+ var jsonData = JSON.stringify(createData);
|
|
|
+ gagajf.ajaxJsonSubmit('/delivery/bangoods/delete', jsonData, fnSearchList);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /*************************************************************************
|
|
|
+ * 등록 팝업 호출
|
|
|
+ **************************************************************************/
|
|
|
+ var registerBangoods = function(){
|
|
|
+ var actionUrl = "/delivery/bangoods/regist/form";
|
|
|
+ cfnOpenModalPopup(actionUrl,'popupRegistBangoods');
|
|
|
+ }
|
|
|
+
|
|
|
+ $(document).ready(function() {
|
|
|
+ gagaAgGrid.createGrid('gridList', gridOptions);
|
|
|
+ cfnCreateCalendar('#terms', 'stDate', 'edDate', true, '출고금지상품관리');
|
|
|
+ //var hideList = ["btnThisWeek", "btnYesterWeek", "btnRecentMonth", "btnThisMonth", "btnYesterMonth", "btnRecent3Month"];
|
|
|
+ //cfnCreateCalendar('#terms', 'stDate', 'edDate', true, '출고금지상품관리', '', hideList);
|
|
|
+ fnInitCalendar();
|
|
|
+ });
|
|
|
+
|
|
|
+/*]]>*/
|
|
|
+</script>
|
|
|
+</html>
|
tsit14