2025/03/18 카카오톡 발송결과 리스트 및 상세 추가 수정

This commit is contained in:
kmg 2025-03-18 14:06:12 +09:00
parent e4aa70b782
commit 5eea5ca7e3
4 changed files with 59 additions and 71 deletions

View File

@ -2126,7 +2126,10 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.res_info .res_info_in .res_info_btm {margin:20px 0 0 0;padding:10px;background:#fff;border-radius:5px;box-sizing:border-box;}
.res_info .res_info_in .res_info_btm dl {display:flex;padding:8px 10px;font-size:16px;font-weight:300;justify-content:space-between; color:#222;}
.res_info .res_info_in .res_info_btm dl.charge_line {border-top:1px solid #e6e6e6; text-align:center;}
.res_info .res_info_in .res_info_btm .charge_line {border-top:1px solid #e6e6e6; text-align:center; margin:0 10px; padding:7px 0 5px 0; }
.res_info .res_info_in .res_info_btm .charge_line dl {padding:7px 0 5px 10px; }
.res_info .res_info_in .res_info_btm .charge_line dl dt {font-size:15px;}
.res_info .res_info_in .res_info_btm .charge_line dl dd {padding:0; font-size:16px;}
.res_info .res_info_in .res_info_btm dl dt.charge_title {font-size:15px; padding:0 0 0 5px;}
.res_info .res_info_in .res_info_btm dl dt {font-weight:400;}
.res_info .res_info_in .res_info_btm dl dt.btm_charge {font-size:16px;}
@ -2182,7 +2185,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
/* 알림톡 미리보기 */
.send_top .resultcont_right .phone_kakao {width: 374px; position: absolute; right:0; top: 0;}
.send_top .resultcont_right .phone_kakako .phoneIn{height: 720px; width:346px; background-image: url(/publish/images/content/kakaoBg.png); padding: 27px 25px 0 25px; margin:0 0 0 -12px;}
.send_top .resultcont_right .phone_kakako .phoneIn{height: 720px; width:346px; background-image: url(/publish/images/content/kakaoBg_01.png); padding: 27px 25px 0 25px; margin:0 0 0 -12px;}
.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;}
@ -2206,7 +2209,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.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;}
.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:-27px 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; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

View File

@ -775,7 +775,7 @@
</dl>
<dl>
<dt>채널정보</dt>
<dd>채널명(@채널ID)</dd>
<dd>@채널ID</dd>
</dl>
<dl>
<dt>진행상황
@ -798,17 +798,19 @@
<dd><span class="stcharge">78,100</span></dd>
<!--<dd><span class="stcharge">-</span>원</dd>--><!-- 예역취소 후 금액은 하이픈 처리-->
</dl>
<dl class="charge_line">
<div class="charge_line">
<dl>
<dt class="charge_title">· 카카오톡</dt>
<dd><span class="c_222" style="font-size:16px;">8,100</span></dd>
<dd><span class="c_222">8,100</span></dd>
</dl>
<dl>
<dt class="charge_title">· 대체문자</dt>
<dd><span class="c_222" style="font-size:16px;">8,100</span></dd>
<dd><span class="c_222">8,100</span></dd>
</dl>
</div>
</div>
</div>
</div>
<!--// 발송정보-->
<!--상세결과-->
<div class="res_info">
@ -821,40 +823,26 @@
<div class="res_info_btm1">
<dl>
<dt>전체건수</dt>
<dd><a href="#" data-tooltip="rev_popup04"><span class="c_222_g">300,101</span></a></dd>
<dd><a href="#" data-tooltip="rev_popup04"><span class="c_222_g">300,001</span></a></dd>
</dl>
</div>
<div class="res_info_btm1">
<dl>
<dt>성공건수</dt>
<dd><span class="c_002c9a_g">300,000</span>건(100%)</dd>
</dl>
</div>
</div>
<div class="res_num">
<div class="res_info_btm1">
<dl>
<dt>대기건수</dt>
<dd><span class="c_666_g">300,000</span>건(100%)</dd>
</dl>
</div>
</div>
<div class="res_num">
<div class="res_info_btm1">
<dl>
<dt>성공건수(카카오톡)</dt>
<dd><span class="c_002c9a_g">0</span>건(0%)</dd>
<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 class="res_num">
<div class="res_info_btm1">
<dl>
<dt>성공건수(대체문자)</dt>
<dd><span class="c_002c9a_g">0</span>건(0%)</dd>
</dl>
</div>
<div class="res_info_btm1">
<dl>
<dt>실패건수(대체문자)</dt>
<dt>실패건수</dt>
<dd><span class="c_e40000_g">1</span>건(100%)</dd>
</dl>
</div>
@ -862,7 +850,7 @@
<p class="table_bottom_txt">* 전체건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
</div>
</div>
<!--// 발송결과-->
<!--// 상세결과-->
</div>
<!--// 발송결과 상세 정보 -->
@ -891,9 +879,9 @@
<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> -->
<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>
@ -901,13 +889,6 @@
<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>
<!-- //텍스트 미리보기 -->
@ -923,7 +904,7 @@
<div class="phoneIn">
<div>
<p class="prev_p"><img src="images/search.png"> 문자내용</p>
<div class="text_length2 clearfix" style="display:none;">
<div class="text_length2 clearfix">
<span class="msg_com msg_short">단문</span>
<div>
<span>글자크기</span>
@ -939,19 +920,17 @@
<button type="button"><img src="images/content/font_minus.png"></button>
</div>
</div>
<!--<div class="text_length2 clearfix">
<div class="text_length2 clearfix" style="display:none;">
<span class="msg_com msg_photo">포토</span>
<ul class="photo_msg_num">
<li onclick="imgClick(0);"><a href="#none">1</a></ li>
<li onclick="imgClick(1);"><a href="#none">2</a></ li>
<li onclick="imgClick(2);"><a href="#none">3</a></ li>
</ul>
<div>
<span>글자크기</span>
<button type="button"><img src="images/content/font_plus.png"></button>
<button type="button"><img src="images/content/font_minus.png"></button>
</div>
</div>-->
</div>
<!-- 텍스트 미리보기 -->
<div class="text_preview">
<!--<div class="preiew_img">
@ -967,8 +946,7 @@
</div>-->
<div class="preview_auto">
<p class="ad_tit">(광고)</p>
<p class="none_txt">내용을 입력해주세요.</p>
<p class="realtime"></p>
<p class="realtime">대체문자 내용 미리보기</p>
<p class="deny_receipt">무료 거부 080-0000-0000</p>
</div>
</div>

View File

@ -575,7 +575,7 @@
<button type="button" onclick="" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button>
</div>
<div class="table_btn_right">
<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
<button type="button" class="excel_btn btnType"><i class="downroad"></i>발송결과 리스트</button>
</div>
</div>
@ -638,8 +638,6 @@
<div class="btn_right">
<label for="" class="label">채널선택</label>
<select name="" id="" class="selType2">
<option value="">채널ID</option>
<option value="">채널명</option>
<option value="">내용</option>
</select>
<div class="search">
@ -736,7 +734,24 @@
<li class="tab"><button type="button">예약</button></li>
</ul>
<!--// tab button -->
<!-- 발송화면 개선 : 발송결과 추가-->
<div class="tab_btnbox">
<button type="button" class="btnType btnType14 check_validity">발송결과<i class="qmMark"></i></button>
<div class="info_hover_cont send_hover_cont price_hover">
<dl>
<dt class="c_222">[<span>대기</span>]</dt>
<dd>발송은 성공하였으며, 수신자측 통신사로부터 수신여부를 확인중인 상태 <br>
<span>※ 예약발송의 경우 실발송 전까지는 “대기”로 표시</span>
</dd>
<dt class="c_002c9a">[<span>성공</span>]</dt>
<dd>발송 및 수신이 완료된 상태</dd>
<dt class="c_e40000">[<span>실패</span>]</dt>
<dd class="last">결번, 일시정지, 전화번호 오류 등의 사유로 발송이
불가한 상태</dd>
</dl>
</div>
</div>
<!--// 발송화면 개선 : 발송결과 추가-->
</div>
<div class="table_cont current">
@ -790,13 +805,13 @@
<input type="button" class="sort sortBtn" id="sort_msgGroupCnt">
</div>
</th>
<th colspan="3">카카오톡결과</th>
<th rowspan="2">대기</th>
<th colspan="2">카카오톡결과</th>
<th colspan="2">대체문자결과</th>
<th rowspan="2">금액(원)</th>
<th rowspan="2">진행상황</th>
</tr>
<tr>
<th>대기</th>
<th>성공</th>
<th>실패</th>
<th>성공</th>
@ -820,9 +835,7 @@
</div>
</td>
<td>0</td>
<td>
<p class="c_666">0</p>
</td>
<td>0</td>
<td>
<p class="c_002c9a">0</p>
</td>
@ -856,9 +869,7 @@
</div>
</td>
<td>0</td>
<td>
<p class="c_666">0</p>
</td>
<td>0</td>
<td>
<p class="c_002c9a">0</p>
</td>
@ -887,9 +898,7 @@
</div>
</td>
<td>458,002</td>
<td>
<p class="c_666">1</p>
</td>
<td>0</td>
<td>
<p class="c_002c9a">458,000</p>
</td>
@ -918,9 +927,7 @@
</div>
</td>
<td>458,002</td>
<td>
<p class="c_666">1</p>
</td>
<td>0</td>
<td>
<p class="c_002c9a">458,000</p>
</td>
@ -947,7 +954,7 @@
<button type="button" onclick="" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button>
</div>
<div class="table_btn_right">
<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
<button type="button" class="excel_btn btnType"><i class="downroad"></i>발송결과 리스트</button>
</div>
</div>