mjon_git/src/main/webapp/WEB-INF/jsp/web/user/sendNumberManage.jsp

334 lines
12 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 prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!-- <script src="/js/ncms_common.js"></script> -->
<script src="/js/dragNdropToPdf.js?date=202306080001"></script>
<script language=javascript>
$(document).ready(function(){
$("input:text[numberOnly]").on("keyup", function() {
$(this).val($(this).val().replace(/[^0-9]/g,""));
});
//발신번호 등록 리스트
sendNumberListAjax(1);
});
//발신번호 등록 리스트
function sendNumberListAjax(pageNo){
document.sendNumberListForm.pageIndex.value = pageNo;
var sendData= $(document.sendNumberListForm).serializeArray();
$("#sendNumberListLoad").load("/web/user/sendNumberListAjax.do", sendData ,function(response, status, xhr){
});
}
//발신번호 전체삭제
function deleteSendNumberAll(){
if($("input[name=chk]:checked").length == 0){
alert("선택된 항목이 없습니다.");
return;
}
if (confirm("삭제하시겠습니까?")){
var chkId = [];
$("input[name='chk']:checked").each(function(){
chkId.push($(this).val());
});
$.ajax({
type : 'POST'
,url : "<c:url value='/web/user/deleteSendNumberAllAjax.do'/>"
,data : {"chk": chkId}
,dataType:'json'
,traditional : true
,success : function(returnData, status){
if(returnData.result == "success") {
alert("정상적으로 삭제 되었습니다.");
sendNumberListAjax(1);
} else{
alert(returnData.message);
return;
}
}
,error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
}
//발신번호 기본번호 설정
function updateBaseYn(){
if($("input[name=chk]:checked").length == 0){
alert("선택된 항목이 없습니다.");
return;
}
if($("input[name=chk]:checked").length > 1){
alert("한개의 번호만 기본번호 설정이 가능합니다.");
return;
}
if (confirm("기본번호로 설정하시겠습니까?")){
var baseId;
$("input[name='chk']:checked").each(function(){
baseId = $(this).val();
});
$.ajax({
type : 'POST'
,url : "<c:url value='/web/user/updateSendNumberBaseYnAjax.do'/>"
,data : {"baseId": baseId}
,dataType:'json'
,traditional : true
,success : function(returnData, status){
if(returnData.result == "success") {
alert("정상적으로 설정 되었습니다.");
sendNumberListAjax(1);
} else{
alert(returnData.message);
return;
}
}
,error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
}
function fnRegisterPhoneNum(){
var countNum = $('#countNum').val();
if(countNum >= 10){
alert("발신번호 등록은 10개까지만 신청이 가능합니다.");
return false;
}
location.href='/web/user/sendNumberManageRegister.do';
}
</script>
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- tab button -->
<%@include file="/WEB-INF/jsp/web/user/mypageHeader.jsp" %>
<!--// tab button -->
<!-- 마이페이지 - 발신번호 관리 -->
<div class="mypage_content current" id="tab5_4">
<div class="heading call_numbe_con">
<h2>발신번호 관리</h2>
<div class="button_wrap">
<button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
<button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button>
<button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button>
</div>
</div>
<div class="mem_cont_in widthXL">
<div class="titBox">
<p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
<p>- 발신번호 등록 가능 개수 : <span class="fwMd c_222">10</span>개</p>
</div>
<form id="sendNumberListForm" name="sendNumberListForm" method="post">
<input type="hidden" name="pageIndex" />
<div id="sendNumberListLoad"></div>
</form>
<div class="send_button_wrap">
<button type="button" class="btnType btnType16" onclick="fnRegisterPhoneNum(); return false;">+ 신규 발신번호 등록</button>
</div>
</div>
</div>
<!--// 마이페이지 - 발신번호 관리 -->
<!-- 통신사 고객센터 정보 팝업 -->
<div class="tooltip-wrap">
<div class="popup-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close">
<div class="popup_heading">
<p>통신서비스 이용증명원 발급안내</p>
<button type="button" class="tooltip-close" data-focus="popup001-close">
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
</button>
</div>
<div class="layer_in call_layer">
<!-- 발신번호 관리 수정 -->
<div class="call_number_pop">
<ul class="call_numbber_list">
<li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
<li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
<li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
</ul>
<div class="noted_items">
<p class="title">참고사항</p>
<ul class="call_numbber_list">
<li>· 발급 시 명의자의 성명(법인명), 생년월일(사업자번호), 서비스번호(전화번호) 등이 모두 노출되어야 함</li>
<li>· 이용증명원 내 발급 시기 및 발급자 정보(발급 담당자의 성명 및 전화번호 등)가 포함되어야 함</li>
<li>· 착신전용서비스, 타지역서비스, 디지털착신전용 발신번호 등록 불가</li>
</ul>
</div>
</div>
<p class="info_tit">[통신사 고객센터 정보]</p>
<ul>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv1.png" alt="T 월드">
</div>
<p>
<span class="fwLg">모바일</span>
080-011-6000&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span
class="fwLg">유선</span> 080-816-2000
</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤">
</div>
<p>1599-0999</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv3.png"
alt="SK 브로드밴드">
</div>
<p>080-8282-106</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv4.png"
alt="hello 모바일">
</div>
<p>KT망 1855-1144&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;SKT망
1855-2114</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv5.png" alt="Kt">
</div>
<p>
<span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
100
</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv6.png" alt="세종텔레콤">
</div>
<p>080-889-1000</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv7.png" alt="U+">
</div>
<p>
<span class="fwLg">모바일</span>
1588-0010&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span
class="fwLg">유선</span> 100
</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv8.png" alt="Kct">
</div>
<p>070-8188-0114</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--// 통신사 고객센터 정보 팝업 -->
<!-- 대리인 신분증이란? 팝업 -->
<div class="tooltip-wrap">
<div class="popup-com servInfo_cont popup004" tabindex="0" data-tooltip-con="popup004" data-focus="popup004" data-focus-prev="popup004-close">
<div class="popup_heading">
<p>대리인 신분증이란?</p>
<button type="button" class="tooltip-close" data-focus="popup001-close">
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
</button>
</div>
<div class="layer_in">
<!-- 발신번호 관리 수정 -->
<div class="call_number_pop">
<ul class="call_numbber_list">
<li>- 타인/타사의 휴대전화(또는 일반전화)를 발신번호로 등록하기 위해서는 대리인(문자온 가입자)의 신분증 사본을 제출하여야 합니다.</li>
<li>- 개인회원 : <strong>타인 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
<li>- 기업회원 : <strong>타사 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
</ul>
<div class="noted_items">
<p class="title">참고사항</p>
<ul class="call_numbber_list">
<li>· 신분증 사본 제출 시 주민번호 뒷자리는 마스킹 처리(개인정보 보호)</li>
<li>· 제출 가능한 신분증 : 주민등록증, 운전면허증, 여권</li>
<li>· 대리인 = <strong>문자온 가입자(O)</strong> 발신번호 명의자(X)</li>
</ul>
</div>
</div>
<div class="ex_con_wrap">
<div class="ex_con">
<p class="ex_con_tit">[제출 예시 이미지]</p>
<img src="/publish/images/popup/id_card_ex.png" alt="제출 예시 이미지">
<p class="ex_con_te">※ 이미지 자료 : 행정안전부</p>
</div>
</div>
</div>
</div>
</div>
<!--// 대리인 신분증이란? 팝업 -->
<!-- 위임장 작성 방법 팝업 -->
<div class="tooltip-wrap">
<div class="popup-com servInfo_cont popup003" tabindex="0" data-tooltip-con="popup003" data-focus="popup003" data-focus-prev="popup003-close">
<div class="popup_heading">
<p>위임장 작성 방법</p>
<button type="button" class="tooltip-close" data-focus="popup001-close">
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
</button>
</div>
<div class="layer_in pro_layer_in">
<!-- 발신번호 관리 수정 -->
<div class="pro_btn_wrap">
<button type="button" class="button attorney btn" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button>
</div>
<div class="call_number_pop">
<p class="pro_tit">타인 또는 타사의 휴대전화 및 일반전화 발신번호 등록을 위해서는 <br><span>위임장 제출이 필수</span>입니다.</p>
<ul class="call_numbber_list">
<li>- 위임자(발신번호 명의자)와 수임자(문자온 가입자)를 구분하여 작성</li>
<li>- 개인정보 수집 이용 동의 체크</li>
<li>- 위임자가 법인일 경우 도장 날인, 개인일경우 자필 서명</li>
</ul>
</div>
<div class="ex_con_wrap">
<div class="ex_con">
<p class="ex_con_tit">[위임장 작성 예시]</p>
<img src="/publish/images/popup/pro_ex.png" alt="제출 예시 이미지">
</div>
</div>
</div>
</div>
</div>
<!--// 위임장 작성 방법 팝업 -->
</div>
<!--// send top -->
</div>
<!--// content 영역 -->