2024/07/23 발송결과 상세 : 카카오 알림톡 화면
This commit is contained in:
kmg
parent
e1d89f14c7
commit
870bce04e8
@ -2035,7 +2035,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.send_top .resultcont_left {max-width: 800px;flex-basis: 68%;}
|
||||
.send_top .resultcont_left .table_btn {margin:-5px 0 0 0;}
|
||||
.send_top .resultcont_left {max-width: 800px;flex-basis: 68%;}
|
||||
.send_top .resultcont_left .table_btn_left .excel_btn.btnType {color:129738;}
|
||||
.send_top .resultcont_left .table_btn_left .excel_btn.btnType {color:#129738;}
|
||||
.send_top .resultcont_left .table_btn_right_txt {padding:5px 0 0 0;font-size:14px; font-weight:500;}
|
||||
|
||||
/* 발송결과 상세 */
|
||||
@ -2097,6 +2097,34 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.send_top .resultcont_right .phone .text_preview .preiew_img .img_box img {width: 100%;}
|
||||
/* .send_top .resultcont_right .phone .text_preview .preiew_img .img_box.on_scroll_img {max-width: 95% !important; margin-right: 15px;} */
|
||||
|
||||
/* 알림톡 미리보기 */
|
||||
.send_top .resultcont_right .phone_kakao {width: 374px; position: absolute; right:0; top: 0;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn{height: 690px; width:340px; background-image: url(/publish/images/content/kakaoBg.png); padding: 27px 25px 0 25px;}
|
||||
.send_top .resultcont_right .phone_kakako .prev_p{padding: 0 0 0 10px; border: 0; letter-spacing: -0.25px;}
|
||||
.send_top .resultcont_right .phone_kakako .prev_p img{margin: 0 10px 0 0;}
|
||||
.send_top .resultcont_right .phone_kakako .allimtalk_title{position: relative; width: calc(100% - 20px); background-color: #fae100; font-family: 'LotteMartDream'; font-size: 18px; padding: 12px 21px; border-radius: 5px 5px 0 0; box-sizing: border-box;}
|
||||
.send_top .resultcont_right .phone_kakako .allimtalk_title::after{position: absolute; content: " "; width: 42px; height: 42px; background: url(/publish/images/content/icon_kakao01.png) no-repeat; right: -20px; top: -10px;}
|
||||
.send_top .resultcont_right .phone_kakako .allimtalk_title img{margin: 0 8px 0 0; vertical-align: bottom;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview{width: 100%; padding: 15px 10px 20px 12px; margin: 15px 0 0 0; box-sizing: border-box;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content{width: calc(100% - 20px);background-color: #fff; border-radius: 0 0 5px 5px; padding: 0 0 10px 0;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .kakao_image img{width: 100%;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content p{width: calc(100% - 20px); white-space: normal; word-break: break-all; line-height: 1.4; padding: 0 10px; margin: 0 auto;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .template_text,.resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .emphasis_title_text{font-size: 16px; font-weight: 500; color: #222;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .emphasis_side_text{padding: 15px 0 0 0;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .emphasis_title_text{padding: 0 0 15px 0; border-bottom: 1px solid #e5e5e5;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .emphasis_side_text,.resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .side_info_text,.resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .channel_info_text{font-size: 14px; color: #999; margin: 0 auto 6px auto; white-space: normal; word-break: break-all;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .template_text{padding: 15px 0 0 0;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .side_info_text{padding: 8px 0 0 0;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .channel_info_text{padding: 0 0 4px 0;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content button{margin: 0 0 8px 10px;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content button:last-child{margin-bottom: 0;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .template_text+.btn_kakao_type{margin-top: 8px;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .btn_kakao_channel{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ffea00;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .btn_kakao_type{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ededed;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .template_info_wrap{display: flex; width: calc(85% + 13px); height: auto; padding: 6px 15px 6px 23px; justify-content: space-between; align-items: center; background-color: #fae100; margin: -5px 0 0 -3px; border-radius: 0 0 25px 25px;}
|
||||
.send_top .resultcont_right .phone_kakako .phoneIn .template_info_wrap .btn_template_choice{width: 120px; height: 36px; font-size: 16px; color: #fae100; background-color: #302218; border-radius: 5px;}
|
||||
.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:10px 0 10px 0;}
|
||||
|
||||
.btn_list_type1 {border-top:solid 1px #e5e5e5; text-align: right; padding:26px 0 0 0; margin:60px 0 0 0;}
|
||||
.btn_list_type1 .btnType.btnType17 {width:100px; }
|
||||
|
||||
|
||||
@ -19,7 +19,8 @@
|
||||
<p>***<span class="font2"> (보드)</span> : 반복적으로 사용</p> -->
|
||||
<ul class="page">
|
||||
<li><a href="/publish/textingmsg_2024_list.html">textingmsg_2024_list.html</a>[개선] 발송결과 : 문자 및 카카오톡 문구,진행상황,테이블 수정</li>
|
||||
<li><a href="/publish/textingmsg_2024_detail.html">textingmsg_2024_detail.html</a>[개선] 발송결과 상세 : 문자화면 (카카오톡은 기획중)</li>
|
||||
<li><a href="/publish/textingmsg_2024_detail.html">textingmsg_2024_detail.html</a>[개선] 발송결과 상세 : 문자화면</li>
|
||||
<li><a href="/publish/textingmsg_2024_detail_kakao.html">textingmsg_2024_detail_kakao.html</a>[개선] 발송결과 상세 : 카카오 알림톡화면</li>
|
||||
<li><a href="/publish/payment6.html">payment6.html</a>후불회원 : 결제관리 > 요금사용내역</li>
|
||||
<li><a href="/publish/sub_election_2023.html">sub_election_2023.html</a>선거문자</li>
|
||||
<li><a href="/publish/publish_text/send_text.html">send_text.html</a>문자보내기</li>
|
||||
|
||||
767
src/main/webapp/publish/textingmsg_2024_detail_kakao.html
Normal file
767
src/main/webapp/publish/textingmsg_2024_detail_kakao.html
Normal file
@ -0,0 +1,767 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>문자온_발송결과</title>
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"
|
||||
rel="stylesheet">
|
||||
<link rel="stylesheet" href="/publish/css/reset.css">
|
||||
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
|
||||
<link rel="stylesheet" href="/publish/css/common.css">
|
||||
<link rel="stylesheet" href="/publish/css/button.css">
|
||||
<link rel="stylesheet" href="/publish/css/content.css">
|
||||
<link rel="stylesheet" href="/publish/css/mem.css">
|
||||
<link rel="stylesheet" href="/publish/css/font.css">
|
||||
<link rel="stylesheet" href="/publish/css/popupLayer.css">
|
||||
<link rel="stylesheet" href="/publish/js/datepicker/classic.css">
|
||||
<link rel="stylesheet" href="/publish/js/datepicker/classic.date.css">
|
||||
|
||||
|
||||
<script src="/publish/js/jquery-3.5.0.js"></script>
|
||||
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
<script src="/publish/js/common.js"></script>
|
||||
<script src="/publish/js/content.js"></script>
|
||||
<script src="/publish/js/popupLayer.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$(".table_tab_wrap .tab_depth1 a").click(function () {
|
||||
var tab_num = $(this).index();
|
||||
$(".table_cont .tb_wrap").eq(tab_num).show();
|
||||
$(".table_cont .tb_wrap").eq(tab_num).siblings(".tb_wrap").hide();
|
||||
if($(".table_tab_wrap .tab_depth1 a:visible").length == tab_num+1){
|
||||
$(this).css("border-radius","0 5px 5px 0");
|
||||
}else{}
|
||||
})
|
||||
});
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mask"></div>
|
||||
|
||||
<!-- 220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com ad_layer popupJunk" tabindex="0" data-tooltip-con="popupJunk" data-focus="popupJunk" data-focus-prev="popupJunk-close" style="width: 795px;">
|
||||
<div class="popup_heading">
|
||||
<p>이통사 스팸차단 및 번호도용 방지 서비스 안내</p>
|
||||
<button type="button" class="tooltip-close" data-focus="popupJunk-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
<div class="list_tab_wrap2 type5">
|
||||
<!-- tab button -->
|
||||
<ul class="list_tab">
|
||||
<li class="tab active"><button type="button" onclick="listTab2(this,'1');">이통사 스팸 필터링 서비스</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab2(this,'2');">번호도용 문자차단 서비스</button></li>
|
||||
</ul><!-- // tab button -->
|
||||
</div>
|
||||
<!-- 광고문자 전송규정 안내 -->
|
||||
<div class="adpop_cont current" id="listTab2_1">
|
||||
<div class="titBox">
|
||||
<div class="notibox">한국인터넷진흥원 불법스팸대응센터에서 스팸종합대책을 마련함에 따라,<br>각 통신사에서 스팸차단서비스라는 서비스를 진행하고 있습니다.</div>
|
||||
<p>- 스팸차단서비스는 이동통신사의 별도 조합 기준에 따른 스팸확률에 의한 차단으로 스팸으로 판단되는 문자를</p>
|
||||
<p> 휴대폰 문자수신함이 아닌, 각 통신사별 스팸보관함에 전송한 후 결과값은 성공을 처리합니다(정상과금 처리)</p>
|
||||
<p>- 스팸문자로 저장된것이 확인되었다면, 스팸차단서비스를 해제하여 이용하시기 바랍니다.</p>
|
||||
<p> (개인정보보호정책으로 인해 본인 이외 타인은 확인 불가하므로, 본인이 직접 확인해야합니다.)</p>
|
||||
</div>
|
||||
<div class="adpop1_bottom">
|
||||
<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
|
||||
<div class="content_box">
|
||||
<ul class="list">
|
||||
<li class="tit">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SK telecom" /></div>
|
||||
<a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&viewId=V_PROD7070&prod_id=NA00002121&uCode=u1_2" target="_blank" rel="nosublink">T월드 문자 스팸필터링 바로가기</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="olleh KT" /></div>
|
||||
<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=479" target="_blank" rel="nosublink">KT (안심)스팸차단 바로가기</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="LG U+" /></div>
|
||||
<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0000277" target="_blank" rel="nosublink">U+ 스팸차단 바로가기</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dt><img src="/publish/images/content/junk_agency001_01.png" alt="T world" /></dt>
|
||||
<dd>
|
||||
<p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸필터링] 검색<br>→ 부가서비스 - 문자 스팸필터링 → 설정 → SMS인증 → 스팸차단 메시지 확인</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dt><img src="/publish/images/content/junk_agency002_01.png" alt="olleh O" /></dt>
|
||||
<dd>
|
||||
<p>KT<a href="https://www.kt.com/" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인 →[스팸차단서비스] 검색<br>→ 스팸차단서비스 → 스팸메시지함 → 스팸차단 메시지 확인</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LG U+" /></dt>
|
||||
<dd>
|
||||
<p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸차단] 검색<br>→ 부가서비스 - 스팸차단 → 스팸내역 조회 → SMS인증 → 스팸차단 메시지 확인</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="adpop1_bottom">
|
||||
<p class="title_box"><span>02.</span>통신사 어플을 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
|
||||
<div class="content_box">
|
||||
<ul class="list02">
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency01_02.png" alt="SKT" /></div>
|
||||
<dl>
|
||||
<dt>SKT · T스팸필터링</dt>
|
||||
<dd>T Store, 구글 Play 스토어<br>다운가능</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency02_02.png" alt="KT" /></div>
|
||||
<dl>
|
||||
<dt>KT올레 · 올레스팸차단서비스</dt>
|
||||
<dd>구글 Play 스토어 다운가능</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency03_02.png" alt="LG" /></div>
|
||||
<dl>
|
||||
<dt>LG U+ · U+ 스팸차단</dt>
|
||||
<dd>구글 Play 스토어 다운가능</dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="adpop1_bottom">
|
||||
<p class="title_box"><span>03.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
|
||||
<div class="content_box">
|
||||
<dl class="cscenter">
|
||||
<dt>휴대폰 114 + 통화버튼</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li>· SKT 고객센터(1599-0011)</li>
|
||||
<li>· KT올레 고객센터(100)</li>
|
||||
<li>· LG U+ 고객센터(1544-0010)</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- // 광고문자 전송규정 안내 -->
|
||||
|
||||
<!-- 광고문자 수신동의 안내 -->
|
||||
<div class="adpop_cont" id="listTab2_2">
|
||||
<div class="titBox">
|
||||
<div class="notibox">웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스로<br>해당 서비스에 가입된 경우 인터넷 문자 발송서비스를 통해 본인 휴대폰번호로 문자 발송시 차단됩니다</div>
|
||||
<p>- 모든 전송 결과값이 실패로 확인되는 경우, 번호도용문자차단서비스에 가입여부 확인 후 해당서비스를 해지</p>
|
||||
<p> 하신 후 전송하시기 바랍니다.</p>
|
||||
</div>
|
||||
<div class="adpop1_bottom">
|
||||
<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
|
||||
<div class="content_box">
|
||||
<ul class="list">
|
||||
<li class="tit">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SKT" /></div>
|
||||
<a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&viewId=V_PROD7070&prod_id=NA00004406&uCode=u1_2" target="_blank" rel="nosublink">T번호도용문자차단 바로가기</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="KT" /></div>
|
||||
<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1047" target="_blank" rel="nosublink">KT번호도용문자차단 바로가기</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="Uplus" /></div>
|
||||
<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0002297" target="_blank" rel="nosublink">U+ 번호도용문자차단 바로가기</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dt><img src="/publish/images/content/junk_agency001_01.png" alt="tworld" /></dt>
|
||||
<dd>
|
||||
<p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dt><img src="/publish/images/content/junk_agency002_01.png" alt="kt" /></dt>
|
||||
<dd>
|
||||
<p>KT<a href="https://www.kt.com" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LGuplus" /></dt>
|
||||
<dd>
|
||||
<p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [번호도용문자차단] 검색<br>→ 부가서비스 → 번호도용문자차단 → 해지</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="adpop1_bottom">
|
||||
<p class="title_box"><span>02.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
|
||||
<div class="content_box">
|
||||
<dl class="cscenter">
|
||||
<dt>휴대폰 114 + 통화버튼</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li>· SKT 고객센터(1599-0011)</li>
|
||||
<li>· KT올레 고객센터(100)</li>
|
||||
<li>· LG U+ 고객센터(1544-0010)</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- // 광고문자 수신동의 안내 -->
|
||||
</div>
|
||||
<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
|
||||
<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
|
||||
|
||||
|
||||
<!-- 발송대상리스트 팝업 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com ad_layer rev_popup04" tabindex="0" data-tooltip-con="rev_popup04" data-focus="rev_popup04" data-focus-prev="rev_popup04-close" style="width:595px;">
|
||||
<div class="popup_heading">
|
||||
<p>발송대상 리스트</p>
|
||||
<button type="button" class="tooltip-close" data-focus="rev_popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
|
||||
<div class="gorup_join_cont" style="margin:-15px 0 0 0;">
|
||||
<div class="group_input">
|
||||
<div class="input_left">템플릿명</div>
|
||||
<div class="input_right type1">포토리뷰 안내요청</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popup_search_type1">
|
||||
<label for="" class="label">검색종류 선택</label>
|
||||
<select id="" class="selType2 select_btn">
|
||||
<option value="1">수신번호</option>
|
||||
<option value="2">이름</option>
|
||||
<option value="3">상세결과</option>
|
||||
</select>
|
||||
<label for="" class="label">검색어입력</label>
|
||||
<input type="text" class="send_text" id="" name="" value="" placeholder="3자 이상 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='3자 이상 입력하세요.'">
|
||||
<button type="button" class="btnType btnType2" style="width:63px; margin:0;">검색</button>
|
||||
</div>
|
||||
|
||||
<div class="tb_wrap" style="min-height:200px;">
|
||||
<table class="tType4">
|
||||
<colgroup>
|
||||
<col style="width: 30%;">
|
||||
<col style="width: 40%;">
|
||||
<col style="width: 30%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>이름
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn">
|
||||
</div>
|
||||
</th>
|
||||
<th>수신번호
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn">
|
||||
</div>
|
||||
</th>
|
||||
<th>상세결과
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn">
|
||||
</div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>성공(카톡)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>성공(카톡)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>실패(카톡+문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>성공(문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>성공(문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>실패(카톡+문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>성공(카톡)</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="table_btn clearfix">
|
||||
<div class="table_btn_left"></div>
|
||||
<div class="table_btn_right">
|
||||
<button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
|
||||
<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- pagination -->
|
||||
<ul class="pagination">
|
||||
<li class="page_first"><button><img src="/publish/images/content/page_first.png"
|
||||
alt=""></button></li>
|
||||
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png"
|
||||
alt=""></button></li>
|
||||
<li class="on"><button>1</button></li>
|
||||
<li><button>2</button></li>
|
||||
<li><button>3</button></li>
|
||||
<li><button>4</button></li>
|
||||
<li><button>5</button></li>
|
||||
<li><button>6</button></li>
|
||||
<li><button>7</button></li>
|
||||
<li><button>8</button></li>
|
||||
<li><button>9</button></li>
|
||||
<li><button>10</button></li>
|
||||
<li class="page_next"><button><img src="/publish/images/content/page_next.png"
|
||||
alt=""></button></li>
|
||||
<li class="page_last"><button><img src="/publish/images/content/page_last.png"
|
||||
alt=""></button></li>
|
||||
</ul><!-- pagination -->
|
||||
|
||||
</div>
|
||||
<div class="popup_btn_wrap2" style="margin: -40px auto 30px auto;">
|
||||
<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- //발송대상 리스트 안내 팝업 -->
|
||||
|
||||
<!-- 그룹등록 팝업 data-tooltip:rev_popup02 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com adr_layer rev_popup02" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 500px;">
|
||||
<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 class="gorup_join_cont">
|
||||
<p class="adr_pop_title">선택된 발송내역 전화번호를 그룹으로 등록합니다.</p>
|
||||
<div class="group_input" style="margin-top: 0;">
|
||||
<div class="input_left">그룹이름</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">새 그룹명 입력</label>
|
||||
<input type="text" placeholder="새 그룹명 입력" onfocus="this.placeholder=''"
|
||||
onblur="this.placeholder='새 그룹명 입력'" class="inputLight">
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup_btn_wrap2">
|
||||
<button type="button">저장</button>
|
||||
<button type="button" class="tooltip-close" data-focus="rev_popup02-close"
|
||||
data-focus-next="rev_popup02">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 발송실패사유 팝업 -->
|
||||
|
||||
<!-- skip 메뉴 -->
|
||||
<div class="skip_menu">
|
||||
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
||||
</div>
|
||||
<!--// skip 메뉴 -->
|
||||
<!-- quick 메뉴 -->
|
||||
<div class="quickMenu">
|
||||
<div>
|
||||
<p class="quick_title">QUICK<br>MENU</p>
|
||||
<p class="quick_title2">QUICK</p>
|
||||
<ul class="quickMenuIn">
|
||||
<li>
|
||||
<a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
|
||||
<div class="hover_cont">이용안내</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick2"></i><span>채팅상담</span></a>
|
||||
<div class="hover_cont">채팅상담</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick3"></i><span>원격지원</span></a>
|
||||
<div class="hover_cont">원격지원</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
|
||||
<div class="hover_cont">맞춤제작</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
|
||||
<div class="hover_cont">주소록 등록</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
|
||||
<div class="hover_cont">엑셀 대량전송</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick7"></i><span>견적서</span></a>
|
||||
<div class="hover_cont">견적서</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick8"></i><span>결제</span></a>
|
||||
<div class="hover_cont">결제</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
|
||||
<div class="hover_cont">영수증/계산서</div>
|
||||
</li>
|
||||
</ul>
|
||||
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// quick 메뉴 -->
|
||||
<!-- header 영역 -->
|
||||
<header id="header" class="header">
|
||||
<!-- header top 영역 -->
|
||||
<div class="header_top">
|
||||
<div class="inner">
|
||||
<ul class="menu_left">
|
||||
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
|
||||
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
|
||||
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
|
||||
</ul>
|
||||
<ul class="menu_right">
|
||||
<li><a href="#">충전하기</a></li>
|
||||
<li class="SortLine"><a href="#">요금안내</a></li>
|
||||
<li class="SortLine"><a href="#">이용안내</a></li>
|
||||
<li class="SortLine"><a href="#">1:1고객상담</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- header top 영역 -->
|
||||
<!-- header body 영역 -->
|
||||
<div class="header_body">
|
||||
<div class="inner table">
|
||||
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
|
||||
alt="문자온 CI"></a></h1>
|
||||
<ul class="gnbWrap table_cell">
|
||||
<li><a href="#">문자발송</a></li>
|
||||
<li><a href="#">선거문자</a></li>
|
||||
<li><a href="#">맞춤제작</a></li>
|
||||
<li><a href="#">비즈톡</a></li>
|
||||
<li><a href="#">주소록 관리</a></li>
|
||||
<li><a href="#">발송결과</a></li>
|
||||
<li><a href="#">예약관리</a></li>
|
||||
<li><a href="#">결제내역</a></li>
|
||||
</ul>
|
||||
<div class="s_menu">
|
||||
<i class="allSearch_info"><span>문자검색</span></i>
|
||||
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
|
||||
src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
|
||||
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- search popup 영역 -->
|
||||
<div class="pop_search">
|
||||
<div class="inner">
|
||||
<div class="area_search">
|
||||
<select name="" id="">
|
||||
<option value="">그림문자</option>
|
||||
<option value="">단문문자</option>
|
||||
<option value="">장문문자</option>
|
||||
<option value="">GIF</option>
|
||||
</select>
|
||||
<input type="text" placeholder="문자샘플 검색하기">
|
||||
<button><img src="/publish/images/search02.png" alt=""></button>
|
||||
</div>
|
||||
<div class="area_popular">
|
||||
<p><i></i>인기검색어</p>
|
||||
<ul class="popular_tag">
|
||||
<li><a href="#">#정월대보름</a></li>
|
||||
<li class="on"><a href="#">#추석</a></li>
|
||||
<li><a href="#">#가을인사</a></li>
|
||||
<li><a href="#">#좋은하루</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
|
||||
alt=""></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// search popup 영역 -->
|
||||
</div>
|
||||
<!--// header body 영역 -->
|
||||
<div id="login" class="login">
|
||||
<div class="inner table">
|
||||
<div class="login_left table_cell">
|
||||
<div class="login_put">
|
||||
<label for="id_text" class="label"></label>
|
||||
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
|
||||
size="18">
|
||||
<label for="password_text" class="label"></label>
|
||||
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
|
||||
maxlength="30" size="18">
|
||||
<label for="login_button" class="label"></label>
|
||||
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
|
||||
</div>
|
||||
<div class="login_save">
|
||||
<input type="checkbox" id="save_id">
|
||||
<label for="save_id">아이디 저장</label>
|
||||
</div>
|
||||
<div class="login_find">
|
||||
<a href="#">아이디찾기 /</a>
|
||||
<a href="#">비밀번호 찾기</a>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btnType btnType2">회원가입</button>
|
||||
<button type="button" class="btnType btnType3">둘러보기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_right">
|
||||
<span><i></i>이달의 이벤트</span>
|
||||
<button type="button" class="btnType btnType4">바로가기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// login 영역 -->
|
||||
</header>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
<div class="inner">
|
||||
<!-- send top -->
|
||||
<div class="send_top">
|
||||
<!-- 결제관리 - 요금 사용내역 -->
|
||||
<div class="rev_admin_cont serv_content current">
|
||||
<div class="heading">
|
||||
<h2>발송결과 상세</h2>
|
||||
<button type="button" class="button junk" data-tooltip="popupJunk" style="right:0;">통신사 스팸규격안내</button>
|
||||
</div>
|
||||
|
||||
<!-- 발송결과 상세 및 미리보기-->
|
||||
|
||||
<div class="send_general">
|
||||
<!-- 발송결과 상세 정보 -->
|
||||
<div class="resultcont_left">
|
||||
<!--발송정보-->
|
||||
<div class="res_info">
|
||||
<div class="res_info_in">
|
||||
<div class="res_info_top clearfix">
|
||||
<p>발송정보</p>
|
||||
<p><button type="button" class="btnType btnType3">재전송</button></p>
|
||||
</div>
|
||||
<div class="res_info_btm">
|
||||
<dl>
|
||||
<dt>발송일시</dt>
|
||||
<dd>2024-07-18 15:25</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>형태</dt>
|
||||
<dd>그림</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>발송건수</dt>
|
||||
<dd><span class="c_222">100</span>건</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>발신번호</dt>
|
||||
<dd>010-1234-5678</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>예약관리</dt>
|
||||
<!--<dd>-</dd>--><!-- 예약건이 아닌 경우는 하이픈 처리-->
|
||||
<dd><button class="btnType btnType25">예약취소</button></dd>
|
||||
<!--<dd>예약취소 2024-07-16 15:07</dd>--><!-- 예역취소 후 버튼 대신 취소 일시 노출 -->
|
||||
</dl>
|
||||
</div>
|
||||
<div class="res_info_btm">
|
||||
<dl>
|
||||
<dt class="btm_charge">발송요금</dt>
|
||||
<dd><span class="stcharge">100</span>원</dd>
|
||||
<!--<dd><span class="stcharge">-</span>원</dd>--><!-- 예역취소 후 금액은 하이픈 처리-->
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 발송정보-->
|
||||
<!--상세결과-->
|
||||
<div class="res_info">
|
||||
<div class="res_info_in">
|
||||
<div class="res_info_top clearfix" style="padding:0 0 10px 0;">
|
||||
<p>상세결과</p>
|
||||
<p><button type="button" class="refresh_btn btnType"><i class="refresh_img"></i>새로고침</button></p>
|
||||
</div>
|
||||
<div class="res_num">
|
||||
<div class="res_info_btm1">
|
||||
<dl>
|
||||
<dt>전체건수</dt>
|
||||
<dd><a href="#" data-tooltip="rev_popup04"><span class="c_222_g">101</span>건(100%)</a></dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="res_info_btm1">
|
||||
<dl>
|
||||
<dt>성공건수</dt>
|
||||
<dd><span class="c_002c9a_g">100</span>건(100%)</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div class="res_num">
|
||||
<div class="res_info_btm1">
|
||||
<dl>
|
||||
<dt>대기건수</dt>
|
||||
<dd><span class="c_666_g">0</span>건(0%)</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="res_info_btm1">
|
||||
<dl>
|
||||
<dt>실패건수</dt>
|
||||
<dd><span class="c_e40000_g">1</span>건(100%)</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 발송결과-->
|
||||
|
||||
<div class="table_btn clearfix">
|
||||
<div class="table_btn_left">
|
||||
<button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
|
||||
<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
|
||||
</div>
|
||||
<div class="table_btn_right">
|
||||
<p class="table_btn_right_txt">* 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 발송결과 상세 정보 -->
|
||||
|
||||
<!-- 발송결과 미리보기 -->
|
||||
<div class="resultcont_right">
|
||||
<!-- 카카오 알림톡 미리보기 -->
|
||||
<div class="phone_kakako">
|
||||
<div class="phoneIn">
|
||||
<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
|
||||
<!-- 텍스트 미리보기 -->
|
||||
<div class="text_preview">
|
||||
<div class="allimtalk_title">
|
||||
<img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착
|
||||
</div>
|
||||
<div class="allimtalk_content">
|
||||
<!-- <div class="kakao_image"> -->
|
||||
<!-- <img src="/publish/images/content/kakao_template_img.png" alt=""> -->
|
||||
<!-- </div> -->
|
||||
<p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
|
||||
<p class="emphasis_title_text">타이틀 미리보기</p>
|
||||
<p class="template_text">내용미리보기</p>
|
||||
<p class="side_info_text">부가정보내용</p>
|
||||
<p class="channel_info_text">채널 추가 안내 메시지 미리보기</p>
|
||||
<button type="button" class="btn_kakao_type">버튼명</button>
|
||||
<button type="button" class="btn_kakao_type">버튼명</button>
|
||||
<!-- <p class="emphasis_side_text">강조표기 보조문구 미리보기</p> -->
|
||||
<!-- <p class="emphasis_title_text">타이틀 미리보기</p> -->
|
||||
<!-- <p class="template_text">내용미리보기</p> -->
|
||||
<!-- <p class="side_info_text">부가정보내용</p> -->
|
||||
<!-- <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p> -->
|
||||
<!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
|
||||
<!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- //텍스트 미리보기 -->
|
||||
</div>
|
||||
|
||||
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
|
||||
</div>
|
||||
<!--// 카카오 알림톡 미리보기 -->
|
||||
|
||||
</div>
|
||||
<!--// 발송결과 미리보기 -->
|
||||
</div>
|
||||
|
||||
<!--// 발송결과 상세 및 미리보기-->
|
||||
|
||||
<!-- 목록-->
|
||||
<div class="btn_list_type1">
|
||||
<button class="btnType btnType17">목록</button>
|
||||
</div>
|
||||
<!--// 목록-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<footer id="footer" class="footer">
|
||||
<div class="footer_top">
|
||||
<div class="inner table">
|
||||
<ul class="table_cell">
|
||||
<li><a href="#">이용약관</a></li>
|
||||
<li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
|
||||
<li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
|
||||
<li class="SortLine"><a href="#">불법스팸예방안내</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer_body">
|
||||
<div class="inner table">
|
||||
<div class="table_cell">
|
||||
<a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
|
||||
<div class="footer_info">
|
||||
<p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
|
||||
<p>사업자번호 : 653-87-00858 ｜ 대표 : 유인식 ｜ 통신판매등록번호 : 제 다산-12345호 ｜ 문의전화 : 070-4786-0007</p>
|
||||
<p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
|
||||
</div>
|
||||
<div class="footer_service_center">
|
||||
<i></i>
|
||||
<div>
|
||||
<p>고객센터</p>
|
||||
<span class="footer_service_num">070-4786-0008</span>
|
||||
<span>E-mail : help@iten.co.kr</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user