style24
/
style24.admin


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
							<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : SmsSendListForm.html
 * @desc    : sms발송목록확인 화면 Page
 *=============================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *=============================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  ==================================
 * 1.0  2021.11.16   smlee        최초 작성
 *******************************************************************************
 -->
	<div id="main">
		<!-- 메인타이틀 영역 -->
		<div class="main-title">문자발송이력
		</div>
		<!-- //메인타이틀 영역 -->
		
		<!-- 메뉴 설명 -->
		<div class="infoBox menu-desc">
		</div>
		<!-- //메뉴 설명 -->
		
		<form id="searchForm" name="searchForm" action="#" th:action="@{'/sms/send/list'}" onsubmit="fnSearch(); return false;" >
		<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">

				
					<table class="frmStyle">
						<colgroup>
							<col style="width:12%" />
							<col style="width:38%" />
							<col style="width:12%" />
							<col style="width:38" /> 
						</colgroup>
						<tbody> 
							<tr>
								<th class="dashR">휴대폰번호</th>
								<td class="dashR">
									<input type="text" id="fdesTine" name="fdesTine" class="w200" />
								</td>
								<th>발신번호</th>
								<td> 
	                            <label class="chkBox checked"><input type="checkbox" name="multiCallbackGb" value="1544-5336" checked="checked"/>자사(1544-5336)</label>
	                            <label class="chkBox checked"><input type="checkbox" name="multiCallbackGb" value="16445-390" checked="checked"/>제휴(1644-5390)</label>
					  		   </td>				    
								 
							</tr>
							<tr>
								<th>발송유형</th>
								<td >
								 <label class="chkBox checked"><input type="checkbox" name="sendTypeSms" value="sms" checked="checked"/>SMS</label>
	                             <label class="chkBox checked"><input type="checkbox" name="sendTypeLms" value="lms" checked="checked"/>LMS/MMS</label>
	                             <label class="chkBox checked"><input type="checkbox" name="sendTypeKko" value="kko" checked="checked"/>알림톡</label>                             
									 
								</td>
								<th>발송결과</th>
								<td>
									
	                             <label class="chkBox checked"><input type="checkbox" name="frsltStatSuccess" value="06" checked="checked"/>성공</label>
	                             <label class="chkBox checked"><input type="checkbox" name="frsltStatFail" value="other" checked="checked"/>실패</label>  
								</td>
								 							
							</tr>
							<tr>
							<th class="dashR">기간</th>
							<td colspan="3">
						  	<select id="searchYear" name="searchYear"></select>						  	
						  	<select id="searchMonth" name="searchMonth"></select>
						 </td>
						</tr>
						</tbody>
					</table>
	
					<ul class="panelBar">
						<li class="center">
						<button type="button" class="btn btn-base btn-lg 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>
			</div>
		</div>
		<!-- 리스트 영역 -->
		<div class="panelStyle">			
			<div id="gridList" style="width:100%; height: 570px;" class="ag-theme-balham"></div>
		</div>
		</form>
	</div>

<script th:inline="javascript">
/*<![CDATA[*/
	// specify the columns
	// var extmallList =  gagajf.convertToArray([[${extmallList}]]);
	
	var columnDefs = [
		{headerName: "발송유형",       field: "sendTypeNm", 			width: 100, cellClass: 'text-center'}, 
		{headerName: "발송번호", 	     field: "fcallBack", 		width: 100, cellClass: 'text-center'},
		{headerName: "발송요청시간", 	 field: "fsendDate", 	   sort:"asc", width: 200, cellClass: 'text-center'},
		{headerName: "발송결과", 	     field: "frsltStat",		width: 200, cellClass: 'text-center',
			cellRenderer: function (params) {
				return params.value=="06"? "성공"+ "("+params.data.frsltDate + ")" : "실패";
			} 			
		},
		{headerName: "휴대폰번호",      field: "maskingFdestine",	  width: 120, cellClass: 'text-center'},
		{headerName: "제목",          field: "fsubject",		      width: 250, cellClass: 'text-left',
			cellRenderer: function (params) {
				return "<a href=\"javascript:void(0);\" onclick=\"detailPopup('"+params.data.sendType+"','" + params.data.fseq + "');\">" + params.value + "</a>";
			} 			},
		{headerName: "발송자",         field: "sender",		      width: 120, cellClass: 'text-center',
				cellRenderer: function (params) {
					return params.value=="99999"? "배치": " ";
				} 			},
		{headerName: "템플릿코드",      field: "ftemplateKey",		  width: 120, cellClass: 'text-center'}

	];

	// Get GridOptions
	var gridOptions  = gagaAgGrid.getGridOptions(columnDefs);

	// Grid editable
	//withDrawGridOptions.defaultColDef.editable = false;


	/*************************************************************************
	*  init
	**************************************************************************/	
	$(document).ready(function() {
		// 공통 달력 생성
         cfnDateYearSetting('searchYear', 2);
         cfnDateMonthSetting('searchMonth');		
		// Create a agGrid
		gagaAgGrid.createGrid('gridList', gridOptions);

	});
	

	/*************************************************************************
	*  조회 버튼 클릭 시
	**************************************************************************/
	$('#btnSearch').on('click', function() { 
		fnSearch();
	});

	/*************************************************************************
	*  조회 
	**************************************************************************/	
	var fnSearch = function() {   

		const $fdesTine = $('#searchForm input[name=fdesTine]');	// 검색핸드폰번호
		var searchMonth = $("#searchYear option:selected").val()+$("#searchMonth option:selected").val()+'01'; //searchmonth	
		 
		if (gagajf.isNull($fdesTine.val())) {
			mcxDialog.alert('휴대폰번호를 입력해주세요');
			return;       
		} 
		
        if(searchMonth <"20210901")       	{
			mcxDialog.alert('2021-09-01 이후로만 조회가능합니다.');
			return;        	
       	}
		
		gagaAgGrid.fetch($('#searchForm').prop('action'), gridOptions, '#searchForm');	    
	};

 
	$('#searchForm input[name=fdesTine]').on('input keyup keydown paste change', function () {
		cfnCellPhonnHypen(this);
	});
	

	/*************************************************************************
	*  상세 화면
	**************************************************************************/		
	var detailPopup = function(sendType, fseq) {
		if (fseq == 0) return;
		var searchMonth = $("#searchYear option:selected").val()+$("#searchMonth option:selected").val(); //searchmonth		
		var actionUrl = "/sms/send/detail/form?sendType=" + sendType + '&fseq=' + fseq +'&searchmonth=' +searchMonth;
		cfnOpenModalPopup(actionUrl, "popupSmsSendDetail");
	}

	/*************************************************************************
	* 엑셀다운로드 
	**************************************************************************/		
	// 엑셀다운로드
	$('#btnExcel').on('click', function() {
		gagaAgGrid.exportToExcel('일자별주문 목록', gridOptions);
	});

	
/*]]>*/
</script>
</html>