|
|
@@ -24,96 +24,98 @@
|
|
|
<div class="infoBox menu-desc">
|
|
|
</div>
|
|
|
<!-- //메뉴 설명 -->
|
|
|
+ <form id="custSecedeForm" name="custSecedeForm" action="#" th:action="@{'/customer/secede/list'}" onsubmit="$('#btnSearch').trigger('click'); return false;">
|
|
|
+ <!-- 검색조건 영역 -->
|
|
|
+ <div class="panelStyle">
|
|
|
+ <table class="frmStyle" aria-describedby="검색조건">
|
|
|
+ <colgroup>
|
|
|
+ <col style="width:10%;"/>
|
|
|
+ <col style="width:20%;"/>
|
|
|
+ <col style="width:10%;"/>
|
|
|
+ <col style="width:15%;"/>
|
|
|
+ <col style="width:10%;"/>
|
|
|
+ <col style="width:20%;"/>
|
|
|
+ <col/>
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th class="dashR">검색구분</th>
|
|
|
+ <td class="dashR">
|
|
|
+ <select name="searchGb">
|
|
|
+ <option value="">선택</option>
|
|
|
+ <option value="custNo">회원번호</option>
|
|
|
+ <option value="custNm">회원명 </option>
|
|
|
+ <option value="email">이메일</option>
|
|
|
+ <option value="custId">아이디</option>
|
|
|
+ </select>
|
|
|
+ <input type="text" class="w200" name="searchTxt" id="searchTxt"/>
|
|
|
+ </td>
|
|
|
+ <th class="dashR">사이트</th>
|
|
|
+ <td class="dashR">
|
|
|
+ <select name="siteCd">
|
|
|
+ <option value="">전체</option>
|
|
|
+ <option th:if="${siteList}" th:each="oneData, status : ${siteList}" th:value="${oneData.cd}" th:text="|[${oneData.cd}] ${oneData.cdNm}|"></option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th class="dashR">탈퇴사유</th>
|
|
|
+ <td class="dashR">
|
|
|
+ <select name="secedeRsn" class="w200">
|
|
|
+ <option value="">전체</option>
|
|
|
+ <option th:if="${secedeRsnList}" th:each="oneData, status : ${secedeRsnList}" th:value="${oneData.cd}" th:text="|[${oneData.cd}] ${oneData.cdNm}|"></option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ <th class="dashR">휴대폰번호(숫자만)</th>
|
|
|
+ <td class="dashR">
|
|
|
+ <input type="text" class="w200" name="cellPhnno" id="cellPhnno" maxlength="13"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th class="dashR">탈퇴일</th>
|
|
|
+ <td class="dashR" colspan="3" id="terms">
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
|
|
|
- <!-- 검색조건 영역 -->
|
|
|
- <div class="panelStyle">
|
|
|
- <form id="custSecedeForm" name="custSecedeForm" action="#" th:action="@{'/customer/secede/list'}" onsubmit="$('#btnSearch').trigger('click'); return false;">
|
|
|
- <table class="frmStyle" aria-describedby="검색조건">
|
|
|
- <colgroup>
|
|
|
- <col style="width:10%;"/>
|
|
|
- <col style="width:20%;"/>
|
|
|
- <col style="width:10%;"/>
|
|
|
- <col style="width:15%;"/>
|
|
|
- <col style="width:10%;"/>
|
|
|
- <col style="width:20%;"/>
|
|
|
- <col/>
|
|
|
- </colgroup>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <th class="dashR">검색구분</th>
|
|
|
- <td class="dashR">
|
|
|
- <select name="searchGb">
|
|
|
- <option value="">선택</option>
|
|
|
- <option value="custNm">회원명 </option>
|
|
|
- <option value="email">이메일</option>
|
|
|
- <option value="custId">아이디</option>
|
|
|
- </select>
|
|
|
- <input type="text" class="w200" name="searchTxt" id="searchTxt"/>
|
|
|
- </td>
|
|
|
- <th class="dashR">사이트</th>
|
|
|
- <td class="dashR">
|
|
|
- <select name="siteCd">
|
|
|
- <option value="">전체</option>
|
|
|
- <option th:if="${siteList}" th:each="oneData, status : ${siteList}" th:value="${oneData.cd}" th:text="|[${oneData.cd}] ${oneData.cdNm}|"></option>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <th class="dashR">탈퇴사유</th>
|
|
|
- <td class="dashR">
|
|
|
- <select name="secedeRsn" class="w200">
|
|
|
- <option value="">전체</option>
|
|
|
- <option th:if="${secedeRsnList}" th:each="oneData, status : ${secedeRsnList}" th:value="${oneData.cd}" th:text="|[${oneData.cd}] ${oneData.cdNm}|"></option>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
- <th class="dashR">휴대폰번호(숫자만)</th>
|
|
|
- <td class="dashR">
|
|
|
- <input type="text" class="w200" name="cellPhnno" id="cellPhnno" maxlength="13"/>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <th class="dashR">탈퇴일</th>
|
|
|
- <td class="dashR" colspan="3" id="terms">
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </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="$('#custSecedeForm')[0].reset();">초기화</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //검색조건 영역 -->
|
|
|
|
|
|
+ <!-- 리스트 영역 -->
|
|
|
+ <div class="panelStyle">
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li>
|
|
|
+ <button type="button" class="btn btn-danger btn-lg" id="btnDelete">탈퇴이력삭제</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: 570px" class="ag-theme-balham"></div>
|
|
|
<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="$('#custSecedeForm')[0].reset();">초기화</button>
|
|
|
+ <div class="tablePaging" id="custListPagination"></div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <!-- //검색조건 영역 -->
|
|
|
-
|
|
|
- <!-- 리스트 영역 -->
|
|
|
- <div class="panelStyle">
|
|
|
- <ul class="panelBar">
|
|
|
- <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: 570px" class="ag-theme-balham"></div>
|
|
|
- <ul class="panelBar">
|
|
|
- <li class="center">
|
|
|
- <div class="tablePaging" id="custListPagination"></div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <!-- //리스트 영역 -->
|
|
|
+ </div>
|
|
|
+ <!-- //리스트 영역 -->
|
|
|
+ </form>
|
|
|
</div>
|
|
|
-
|
|
|
<script type="text/javascript" th:src="@{'/ux/plugins/gaga/gaga.paging.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/ux/plugins/gaga/gaga.paging.js"></script>
|
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
|
@@ -122,11 +124,13 @@
|
|
|
|
|
|
// specify the columns
|
|
|
const columnDefs = [
|
|
|
+ {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: true, checkboxSelection: true, filter: false},
|
|
|
{
|
|
|
headerName: "사이트", field:'siteCd', width:100, cellClass: 'text-center',
|
|
|
valueGetter: function (params) { return gagaAgGrid.lookupValue(siteList, params.data.siteCd); }
|
|
|
},
|
|
|
{headerName: "회원ID", field:'maskingCustId', width:120, cellClass: 'text-left'},
|
|
|
+ {headerName: "회원NO", field: "custNo", width: 120, cellClass: 'text-center'},
|
|
|
{headerName: "회원명", field:'maskingCustNm', width:100, cellClass: 'text-left'},
|
|
|
{headerName: "핸드폰", field:'maskingCellPhnno', width:140, cellClass: 'text-center'},
|
|
|
{headerName: "이메일", field:'maskingEmail', width:220, cellClass: 'text-left'},
|
|
|
@@ -142,6 +146,7 @@
|
|
|
|
|
|
// Get GridOptions
|
|
|
let gridOptions = gagaAgGrid.getGridOptions(columnDefs);
|
|
|
+ gridOptions.rowSelection = 'multiple';
|
|
|
|
|
|
// 셀 클릭 이벤트
|
|
|
gridOptions.onCellClicked = function(event) {
|
|
|
@@ -206,6 +211,26 @@
|
|
|
|
|
|
}
|
|
|
|
|
|
+ // 탈퇴이력 삭제
|
|
|
+ $('#btnDelete').on('click', function() {
|
|
|
+ var removedData = gagaAgGrid.removeRowData(gridOptions);
|
|
|
+
|
|
|
+ if (removedData.length == 0) {
|
|
|
+ mcxDialog.alert('선택된 행이 없습니다.');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ mcxDialog.alertC('탈퇴이력 삭제 하시겠습니까?', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ var jsonData = JSON.stringify(removedData);
|
|
|
+ gagajf.ajaxJsonSubmit('/customer/secede/delete', jsonData, function() {
|
|
|
+ fnSearch();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
// 검색
|
|
|
var fnSearch = function() {
|
|
|
// 유효성 체크
|