mjon_git/src/main/webapp/WEB-INF/jsp/web/reservedmsg/ReservedKakaoView.jsp
2024-11-14 10:20:30 +09:00

725 lines
27 KiB
Plaintext

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page import="itn.com.cmm.LoginVO" %>
<script src="/publish/js/content.js"></script>
<script src="/publish/js/popupLayer.js"></script>
<script type="text/javascript">
var lastfulstday = ""; //전월 시작일
var lastfuledday = ""; //전월 마지막일
var thisfulstlday = ""; //당월 시작일
var thisfuledtlday = ""; //당원 마지막일
var threefulstday = ""; //3개월전 시작일
var threefuledday = ""; //3개월전 마지막일
$(document).ready(function(){
//초기 전체 리스트 페이지 보여주기
linkPage(1);
var date = new Date() ;
//이전달 첫날/마지막날 조회
if(date.getMonth()+1 == 1){
lastfulstday = date.getFullYear()-1 + "/12" + "/01";
lastfuledday = date.getFullYear()-1 + "/12" + "/"+new Date(date.getFullYear()-1, 12, 0).getDate()+"";
}else{
lastfulstday = date.getFullYear() + "/" ;
lastfulstday += date.getMonth() < 10 ? "0"+ (date.getMonth()) : date.getMonth()+"" ;
lastfuledday = lastfulstday + "/"+ new Date(date.getFullYear(), date.getMonth(), 0).getDate()+"" ;
lastfulstday += "/01" ;
}
//당월 첫날/마지막날 조회
thisfulstlday = date.getFullYear() + "/" ;
thisfulstlday += date.getMonth()+1 < 10 ? "0"+ (date.getMonth()+1) : date.getMonth()+1+"" ;
thisfuledtlday = thisfulstlday + "/"+ new Date(date.getFullYear(), date.getMonth()+1, 0).getDate()+"";
thisfulstlday += "/01" ;
//3개월 이전 날짜 구해오기
threefulstday = prevMonth(3);
threefuledday = today();
/* 목록 정렬 항목 아이콘 표시 */
var searchSortCnd = $("[name='searchSortCnd']").val();
var searchSortOrd = $("[name='searchSortOrd']").val();
if (searchSortCnd != "" && searchSortOrd != "" && searchSortCnd != undefined && searchSortOrd != undefined) {
var $sort_div = $("#sort_"+ searchSortCnd);
var sortClass = 'sortBtn' ;
if (searchSortOrd == "desc") sortClass = "sortBtnDesc";
$sort_div.replaceClass('sortBtn' , sortClass) ;
$sort_div.attr("sortOrd", searchSortOrd);
}
// 정렬 항목 이벤트
$(document).on('click', '.sort', function (){
listSortOrd(this);
});
//목록 정렬 항목 클릭
function listSortOrd(obj){
var sortOrd = $(obj).attr("sortOrd");
var sortCnd = $(obj).attr("id");
$("[name='searchSortCnd']").val(sortCnd.substring(5)); // 구분자 제거
if (sortOrd == "desc") $("[name='searchSortOrd']").val("asc");
else $("[name='searchSortOrd']").val("desc");
linkPage('1'); //각 JSP마다 다를때 메소드 정의해 줘야됨
}
//전체선택 실행
var allChkSts = false;
$("#allCheck").click(function(){
if(!allChkSts){// 전체선택이 해제되어 있을 경우
$("input[name=resvMsgDel]").prop("checked", true);
allChkSts = true;
}else{
$("input[name=resvMsgDel]").prop("checked", false);
allChkSts = false;
}
});
$(document).on('change','#pageUnit', function(){
linkPage(1);
});
});
//오늘날짜 구하기
function today() {
var d = new Date();
return getDateStr(d);
}
//이전 날짜 구하기
function prevDay(days) {
var d = new Date();
var dayOfMonth = d.getDate();
d.setDate(dayOfMonth - days);
return getDateStr(d);
}
//이전 월 구하기
function prevMonth(month) {
var d = new Date();
var monthOfYear = d.getMonth();
d.setMonth(monthOfYear - month);
return getDateStr(d);
}
//날짜 받아오기
function getDateStr(myDate){
var year = myDate.getFullYear();
var month = ("0"+(myDate.getMonth()+1)).slice(-2);
var day = ("0"+myDate.getDate()).slice(-2);
return ( year + '/' + month + '/' + day );
}
//캘린더에 날짜 입력해 주기
function setCalVal(val,targetObj){
$('input[name='+targetObj+']').val(val) ;
}
//검색 버튼 실행
function linkPage(pageNo){
var form = document.searchForm;
var stateType = form.stateType.value;
form.pageIndex.value = pageNo;
var sendData = $(document.searchForm).serializeArray();
$(".resvMsgAllLoad").html('<div class="list_info"><table class="tType4"><tbody><tr><td colspan="12">LOADING...</td></tr></tbody></table></div>');
$(".resvMsgAllLoad").load("/web/mjon/reservmsg/selectReservKakaoListViewAjax.do", sendData ,function(response, status, xhr){
});
}
//선택 삭제 실행
function fnDelete(){
var msgId = [];
if($("input:checkbox[name='resvMsgDel']").is(":checked")==false){
alert("선택된 항목이 없습니다.");
return;
}
$("input:checkbox[name='resvMsgDel']:checked").each(function(index){
var disabledChk = $(this).prop('disabled');
if(!disabledChk){ //checkbox disabled 인 것은 제외하고 아이디 저장
msgId[index] = $(this).val();
}
});
if(msgId.length > 0){
//22.04.25 구글 독스 alert 기준으로 이지우가 수정
/* if(confirm("선택한 예약문자를 삭제하시겠습니까? 삭제된 문자는 복구가 불가능 합니다.")){ */
if(confirm("선택한 목록을 삭제하시겠습니까?")){
document.searchForm.msgGroupIdList.value = msgId;
var sendData = $(document.searchForm).serializeArray();
$(".resvMsgAllLoad").load("/web/mjon/reservmsg/deleteReservKakaoDataAjax.do", sendData ,function(response, status, xhr){
location.reload(true);
});
}
}else{
alert("삭제할 문자를 선택해 주세요.");
return false;
}
}
//상세보기 버튼 실행
function fnRevDetailPop(msgGroupId, fileCnt){
document.resPopForm.msgGroupId.value = msgGroupId;
var sendData = $(document.resPopForm).serializeArray();
$("#resvMsgDetailPopLoad").load("/web/mjon/reservmsg/selectReservMsgDetailDataAjax.do", sendData ,function(response, status, xhr){
});
}
function fnListLoad(pageType, tabNum){
var form = document.searchForm;
var $tab = $(".table_tab_wrap li").eq(tabNum); //
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.btn_tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
if(pageType == 'all'){
form.stateType.value = "all";
linkPage(1);
}else if(pageType == 'ready'){
form.stateType.value = "ready";
linkPage(1);
}else if(pageType == 'complete'){
form.stateType.value = "complete";
linkPage(1);
}else if(pageType == 'cancel'){
form.stateType.value = "cancel";
linkPage(1);
}
}
// 전체/단문/장문/그림 탭 선택 처리
function fnTabLoad(tabType, tabNum){
var form = document.searchForm;
form.tabType.value = tabType;
//해당 탭의 전체 리스트 내역으로 불러오기
fnListLoad('all', '0');
var n=tabNum+1;
//탭 선택 CSS 처리
var $tab = $(".list_tab_wrap2 li:nth-child("+n+")");
var $tabPrev = $(".list_tab_wrap2 li:nth-child("+n+")").prev("li")
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
$tab.siblings("li:not(li:last-child)").find("button").css("border-right","1px solid #e5e5e5");
$tabPrev.find("button").css("border-right","0");
console.log('a');
}
function fnSearch(pageNo){
var form = document.searchForm;
form.pageIndex.value = pageNo ;
form.action="/web/mjon/reservmsg/selectReservKaKaoView.do";
form.submit();
}
function fnReservCancel(msgGroupId, agentCode, msgType){
var form = document.resCancelForm;
var loginVO = '${LoginVO}';
form.msgGroupId.value = msgGroupId;
form.agentCode.value = agentCode;
form.msgType.value = msgType;
if(loginVO == "" || loginVO == null){
alert("로그인 후 이용이 가능합니다.");
return false;
}
var data = new FormData(form);
url = "/web/mjon/reservmsg/deleteReservMsgCancelDataAjax.do";
if(confirm("정말 예약을 취소하시겠습니까?")){
$.ajax({
type: "POST",
url: url,
data: data,
dataType:'json',
async: false,
processData: false,
contentType: false,
cache: false,
success: function (returnData, status) {
if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
if("fail"==returnData.result){
alert(returnData.message);
return false;
}
var smsCnt = returnData.resultSts;
alert("예약 발송이 정상적으로 취소 되었습니다.");
//예약 관리 리스트 다시 불러오기
//linkPage(1);
//현황도 갱신 필요하여 새로고침으로 변경
location.reload(true);
} else if(status== 'fail'){
alert(returnData.message);
}
},
error: function (e) { alert("예약 취소에 실패하였습니다."); console.log("ERROR : ", e); }
});
}
}
function fnExcelDownLoad(pageType, tabType){
var form = document.searchForm;
var loginVO = '${LoginVO}';
form.stateType.value = pageType;
form.tabType.value = tabType;
if(loginVO == "" || loginVO == null){
alert("로그인 후 이용이 가능합니다.");
return false;
}
if(confirm("엑셀 다운로드를 하시겠습니까?")){
form.action="/web/mjon/reservmsg/reservKakaoExcelDownLoadAjax.do";
form.submit();
}
}
/* 사용내역서 클릭 시 내역서 새창 팝업 오픈 */
function fnShowPrintPopup() {
//만들려는 팝업의 크기
var popup_wid = '840';
var popup_ht = '900';
var popup_left = (window.screen.width/2)-(popup_wid/2);
var popup_top =(window.screen.height/2)-(popup_ht/2);
$("#searchForm").attr("target","reservMsgPrint");
window.open('', 'reservMsgPrint', 'width='+ popup_wid +', height='+ popup_ht +', left=' + popup_left + ', top='+ popup_top +',scrollbars=1');
$("#searchForm").attr({"action":"/web/mjon/reservmsg/printReservKakaoDataAjax.do", "method":"post"}).submit();
}
/* 윈도우팝업 열기 */
function infoPop(pageUrl){
document.popForm.pageType.value = pageUrl;
document.popForm.action = "/web/pop/infoPop.do";
document.popForm.method = "post";
window.open("about:blank", 'infoPop', 'width=790, height=330, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');
document.popForm.target = "infoPop";
document.popForm.submit();
}
//상세보기 버튼 실행
function fnRevDetailPop02(msgGroupId){
document.resPopForm.msgGroupId.value = msgGroupId;
var sendData = $(document.resPopForm).serializeArray();
// 전송건별
$("#msgSentDetailPopLoad").load("/web/kakao/sent/selectKakaoSentDetailDataAjax.do", sendData ,function(response, status, xhr){
// 상세보기 클릭때마다 툴팁 1 tab이 열리게 설정
popupTab($('#atBtn'),'1');
$('#tooltopClick').trigger('click');
});
}
//검색 엔터키
function enterKey() {
if (window.event.keyCode == 13) {
fnSearch(1);
}
}
</script>
<div class="tooltip-wrap">
<div class="popup-com adr_layer kakao_rev_popup rev_popup02" tabindex="0" data-tooltip-con="rev_popup02"
data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 440px;">
<div class="popup_heading">
<p>문자내용</p>
<button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img
src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<!-- 팝업 상세내용 노출 -->
<div id="msgSentDetailPopLoad" >
</div>
<div class="popup_btn_wrap2" style="justify-content: center;">
<button type="button" class="tooltip-close" data-focus="rev_popup02-close"
data-focus-next="rev_popup02">닫기</button>
</div>
</div>
</div>
</div>
<!-- 문자내용 팝업 data-tooltip: rev_popup01 -->
<div class="tooltip-wrap">
<div class="popup-com adr_layer rev_popup01" tabindex="0" data-tooltip-con="rev_popup01" data-focus="rev_popup01" data-focus-prev="rev_popup01-close" style="width: 440px;">
<div class="popup_heading">
<p>문자내용</p>
<button type="button" class="tooltip-close" data-focus="rev_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in" id="resvMsgDetailPopLoad">
<div class="popup_btn_wrap2" style="justify-content: center;">
<button type="button" class="tooltip-close" data-focus="rev_popup01-close" data-focus-next="rev_popup01">닫기</button>
</div>
</div>
</div>
</div><!--// 문자내용 팝업 -->
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- 결제관리 - 요금 사용내역 -->
<div class="rev_admin_cont current kakao_rev_content">
<div class="heading">
<h2>예약관리</h2>
<button type="button" class="button info" onclick="infoPop('selectReservMsgView');">사용안내</button>
</div>
<div class="pay_tab_wrap">
<!-- tab button -->
<%@include file="/WEB-INF/jsp/web/kakao/include/KakaoReservTopMentTap.jsp" %>
<!--// tab button -->
</div>
<form id="searchForm" name="searchForm" method="post">
<input type="hidden" id="pageIndex" name="pageIndex" value="1"/>
<input type="hidden" id="msgGroupIdList" name="msgGroupIdList" value=""/>
<input type="hidden" name="searchSortCnd" value="<c:out value="${searchVO.searchSortCnd}" />" />
<input type="hidden" name="searchSortOrd" value="<c:out value="${searchVO.searchSortOrd}" />" />
<input type="hidden" id="tabType" name="tabType" value="all"/><!-- 탭 종류 -->
<input type="hidden" id="stateType" name="stateType" value="all"/><!-- 발송상태 종류 -->
<!-- 각 통계별 총 건수 -->
<c:set var="totAllCnt" value="0"/><!-- 전체 건수 -->
<c:set var="totAtCnt" value="0"/><!-- 알림톡 건수 -->
<c:set var="totFtCnt" value="0"/><!-- 친구톡 건수 -->
<!-- 각 통계별 성공, 실패 건수 처리 -->
<c:set var="waitAllCnt" value="0"/><!-- 전체 대기 건수 -->
<c:set var="succAllCnt" value="0"/><!-- 전체 성공 건수 -->
<c:set var="failAllCnt" value="0"/><!-- 전체 실패 건수 -->
<c:set var="cancelAllCnt" value="0"/><!-- 전체 예약취소 건수 -->
<c:set var="waitAtCnt" value="0"/><!-- 알림톡 대기 건수 -->
<c:set var="succAtCnt" value="0"/><!-- 알림톡 성공 건수 -->
<c:set var="failAtCnt" value="0"/><!-- 알림톡 실패 건수 -->
<c:set var="cancelAtCnt" value="0"/><!-- 전체 예약취소 건수 -->
<c:set var="waitFtCnt" value="0"/><!-- 친구톡 대기 건수 -->
<c:set var="succFtCnt" value="0"/><!-- 친구톡 성공 건수 -->
<c:set var="failFtCnt" value="0"/><!-- 친구톡 실패 건수 -->
<c:set var="cancelAtCnt" value="0"/><!-- 전체 예약취소 건수 -->
<!-- 발송대기 건수가 있으면 이것도 발송 실패건수로 일단 집계한다. -->
<c:forEach var="totalMsgCnt" items="${totalMsgCnt}" varStatus="status">
<!-- 전체 갯수 구하기 -->
<c:set var="totAllCnt" value="${totAllCnt + totalMsgCnt.msgResultCnt}"/>
<!-- 전체 대기 갯수 -->
<c:if test="${totalMsgCnt.msgResultSts == 'W'}">
<c:set var="waitAllCnt" value="${waitAllCnt + totalMsgCnt.msgResultCnt}"/>
</c:if>
<!-- 전체 성공 갯수 -->
<c:if test="${totalMsgCnt.msgResultSts == 'S'}">
<c:set var="succAllCnt" value="${succAllCnt + totalMsgCnt.msgResultCnt}"/>
</c:if>
<!-- 전체 실패 갯수 -->
<c:if test="${totalMsgCnt.msgResultSts == 'F'}">
<c:set var="failAllCnt" value="${failAllCnt + totalMsgCnt.msgResultCnt}"/>
</c:if>
<!-- 전체 예약취소 갯수 -->
<c:if test="${totalMsgCnt.msgResultSts == 'C'}">
<c:set var="cancelAllCnt" value="${cancelAllCnt + totalMsgCnt.msgResultCnt}"/>
</c:if>
</c:forEach>
<!-- 알림톡 처리 -->
<c:forEach var="atCnt" items="${atCnt}" varStatus="status">
<!-- 알림톡 전체 갯수 구하기 -->
<c:set var="totAtCnt" value="${totAtCnt + atCnt.msgResultCnt}"/>
<!-- 알림톡 대기 갯수 구하기 -->
<c:if test="${atCnt.msgResultSts == 'W'}">
<c:set var="waitAtCnt" value="${waitAtCnt + atCnt.msgResultCnt}"/>
</c:if>
<!-- 알림톡 성공 갯수 구하기 -->
<c:if test="${atCnt.msgResultSts == 'S'}">
<c:set var="succAtCnt" value="${succAtCnt + atCnt.msgResultCnt}"/>
</c:if>
<!-- 알림톡 실패 갯수 구하기 -->
<c:if test="${atCnt.msgResultSts == 'F'}">
<c:set var="failAtCnt" value="${failAtCnt + atCnt.msgResultCnt}"/>
</c:if>
<!-- 알림톡 예약취소 갯수 구하기 -->
<c:if test="${atCnt.msgResultSts == 'C'}">
<c:set var="cancelAtCnt" value="${cancelAtCnt + atCnt.msgResultCnt}"/>
</c:if>
</c:forEach>
<!-- 친구톡 처리 -->
<c:forEach var="ftMsgCnt" items="${ftMsgCnt}" varStatus="status">
<!-- 친구톡 전체 갯수 구하기 -->
<c:set var="totFtCnt" value="${totFtCnt + ftMsgCnt.msgResultCnt}"/>
<!-- 친구톡 대기 갯수 구하기 -->
<c:if test="${ftMsgCnt.msgResultSts == 'W'}">
<c:set var="waitFtCnt" value="${waitFtCnt + ftMsgCnt.msgResultCnt}"/>
</c:if>
<!-- 친구톡 성공 갯수 구하기 -->
<c:if test="${ftMsgCnt.msgResultSts == 'S'}">
<c:set var="succFtCnt" value="${succFtCnt + ftMsgCnt.msgResultCnt}"/>
</c:if>
<!-- 친구톡 실패 갯수 구하기 -->
<c:if test="${ftMsgCnt.msgResultSts == 'F'}">
<c:set var="failFtCnt" value="${failFtCnt + ftMsgCnt.msgResultCnt}"/>
</c:if>
<!-- 친구톡 예약취소 갯수 구하기 -->
<c:if test="${ftMsgCnt.msgResultSts == 'C'}">
<c:set var="cancelFtCnt" value="${cancelFtCnt + ftMsgCnt.msgResultCnt}"/>
</c:if>
</c:forEach>
<div class="rev_admin">
<div class="rev_admin_in">
<div class="rev_admin_top clearfix">
<p>전체</p>
<p>
<span>
<fmt:formatNumber value="${totAllCnt}" pattern="#,###"/>
</span>
</p>
</div>
<div class="rev_admin_btm">
<dl>
<dt>대기</dt>
<dd><span class="c_002c9a"><fmt:formatNumber value="${waitAllCnt}" pattern="#,###"/></span>건</dd>
</dl>
<dl>
<dt>성공</dt>
<dd><span class="c_002c9a"><fmt:formatNumber value="${succAllCnt}" pattern="#,###"/></span>건</dd>
</dl>
<dl>
<dt>실패</dt>
<dd><span class="c_e40000"><fmt:formatNumber value="${failAllCnt}" pattern="#,###"/></span>건</dd>
</dl>
<dl>
<dt>예약취소</dt>
<dd><span class="c_e40000"><fmt:formatNumber value="${cancelAllCnt}" pattern="#,###"/></span>건</dd>
</dl>
</div>
</div>
<div class="rev_admin_in">
<div class="rev_admin_top clearfix">
<p>알림톡</p>
<p><span><fmt:formatNumber value="${totAtCnt}" pattern="#,###"/></span> 건</p>
</div>
<div class="rev_admin_btm">
<dl>
<dt>대기</dt>
<dd><span class="c_002c9a"><fmt:formatNumber value="${waitAtCnt}" pattern="#,###"/></span>건</dd>
</dl>
<dl>
<dt>성공</dt>
<dd><span class="c_002c9a"><fmt:formatNumber value="${succAtCnt}" pattern="#,###"/></span>건</dd>
</dl>
<dl>
<dt>실패</dt>
<dd><span class="c_e40000"><fmt:formatNumber value="${failAtCnt}" pattern="#,###"/></span>건</dd>
</dl>
<dl>
<dt>예약취소</dt>
<dd><span class="c_e40000"><fmt:formatNumber value="${cancelAtCnt}" pattern="#,###"/></span>건</dd>
</dl>
</div>
</div>
<%-- <div class="rev_admin_in">
<div class="rev_admin_top clearfix">
<p>친구톡</p>
<p><span><fmt:formatNumber value="${totFtCnt}" pattern="#,###"/></span> 건</p>
</div>
<div class="rev_admin_btm">
<dl>
<dt>대기</dt>
<dd><span class="c_002c9a"><fmt:formatNumber value="${waitFtCnt}" pattern="#,###"/></span>건</dd>
</dl>
<dl>
<dt>성공</dt>
<dd><span class="c_002c9a"><fmt:formatNumber value="${succFtCnt}" pattern="#,###"/></span>건</dd>
</dl>
<dl>
<dt>실패</dt>
<dd><span class="c_e40000"><fmt:formatNumber value="${failFtCnt}" pattern="#,###"/></span>건</dd>
</dl>
<dl>
<dt>예약취소</dt>
<dd><span class="c_e40000"><fmt:formatNumber value="${cancelFtCnt}" pattern="#,###"/></span>건</dd>
</dl>
</div>
</div> --%>
</div>
<div class="excel_middle">
<div class="select_btnWrap clearfix">
<div class="btn_left">
<span class="cal_label">기간선택</span>
<div class="calendar_wrap">
<input type="text" class="startDate inp calendar" title="검색 시작일" id="startDate" name="startDate" value="<c:out value='${kakaoSentVO.startDate}'/>" data-datecontrol="true">
<span class="dateEtc">~</span>
<input type="text" class="endDate inp calendar" title="검색 종료일" id="endDate" name="endDate" value="<c:out value='${kakaoSentVO.endDate}'/>" data-datecontrol="true">
</div>
<button type="button" onclick="setCalVal(lastfulstday,'startDate');setCalVal( lastfuledday,'endDate'); return false;" class="btnType btnType19">전월</button>
<button type="button" onclick="setCalVal(thisfulstlday,'startDate');setCalVal( thisfuledtlday,'endDate'); return false;" class="btnType btnType19">당월</button>
<button type="button" onclick="setCalVal(threefulstday,'startDate');setCalVal( threefuledday,'endDate'); return false;" class="btnType btnType19">3개월</button>
<button type="button" class="btnType6" onClick="javascript:fnSearch(1); return false;">조회</button>
</div>
<div class="btn_right">
<label for="searchCondition" class="label">발신번호 선택 == ${kakaoSentVO.searchCondition}</label>
<select name="searchCondition" id="searchCondition" class="selType2">
<%-- <option value="1" <c:if test="${mjonResvMsgVO.searchCondition == '1'}">selected</c:if> >제목</option> --%>
<option value="2" <c:if test="${kakaoSentVO.searchCondition == '2'}">selected</c:if> >발신번호</option>
</select>
<div class="search">
<label for="id" class="label"></label>
<input type="text" id="searchKeyword" name="searchKeyword" value="<c:out value='${searchKeyword}'/>" placeholder="검색어를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요.'" onkeyup="enterKey()">
<button type="button" class="btnType btnType2" onClick="javascript:fnSearch(1); return false;">검색</button>
</div>
</div>
</div>
</div>
<div class="list_tab_wrap2 type4">
<!-- tab button -->
<ul class="list_tab">
<li class="tab active"><button type="button" onclick="fnTabLoad('',0); return false;">전체</button></li>
<li class="tab"><button type="button" onclick="fnTabLoad('at',1); return false;">알림톡</button></li>
<c:if test="${fn:contains(pageContext.request.requestURL , 'localhost')
|| fn:contains(pageContext.request.requestURL , '119.193.215.98')}">
<li class="tab"><button type="button" onclick="fnTabLoad('ft',2); return false;">친구톡</button></li>
</c:if>
<!-- <li class="tab"><button type="button" onclick="fnTabLoad('M',3); return false;">그림(MMS)</button></li> -->
</ul><!--// tab button -->
</div>
<!-- 예약관리 > 전체 -->
<div class="price_history_cont current" id="listTab_2">
<!-- tab button -->
<div class="table_tab_wrap">
<ul>
<li class="tab active"><button type="button" onclick="fnListLoad('all','0'); return false;">전체</button></li>
<li class="tab"><button type="button" onclick="fnListLoad('ready','1'); return false;">발송대기</button></li>
<li class="tab"><button type="button" onclick="fnListLoad('complete','2'); return false;">발송완료</button></li>
<li class="tab"><button type="button" onclick="fnListLoad('cancel','3'); return false;">예약취소</button></li>
</ul><!--// tab button -->
</div>
<!-- 예약관리 리스트 -->
<div class="table_cont current resvMsgAllLoad" id="tableCont_1">
</div>
</div>
</form>
</div>
</div><!--// send top -->
</div>
<form id="resPopForm" name="resPopForm" method="post">
<input type="hidden" id="msgGroupId" name="msgGroupId" value=""/>
<input type="hidden" id="fileCnt" name="fileCnt" value=""/>
</form>
<form id="resCancelForm" name="resCancelForm" method="post">
<input type="hidden" id="msgGroupId" name="msgGroupId" value=""/>
<input type="hidden" id="agentCode" name="agentCode" value=""/>
<input type="hidden" id="msgType" name="msgType" value=""/>
</form>
<form name="popForm" id="popForm" method="post">
<input type="hidden" name="pageType" id="pageType" value=""/>
</form>