2025/03/18 카카오톡 발송결과 리스트 및 상세 추가 수정
This commit is contained in:
kmg
parent
e4aa70b782
commit
5eea5ca7e3
@ -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; }
|
||||
|
||||
BIN
src/main/webapp/publish/images/content/kakaoBg_01.png
Normal file
BIN
src/main/webapp/publish/images/content/kakaoBg_01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
@ -775,7 +775,7 @@
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>채널정보</dt>
|
||||
<dd>채널명(@채널ID)</dd>
|
||||
<dd>@채널ID</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>진행상황
|
||||
@ -798,14 +798,16 @@
|
||||
<dd><span class="stcharge">78,100</span>원</dd>
|
||||
<!--<dd><span class="stcharge">-</span>원</dd>--><!-- 예역취소 후 금액은 하이픈 처리-->
|
||||
</dl>
|
||||
<dl class="charge_line">
|
||||
<dt class="charge_title">· 카카오톡</dt>
|
||||
<dd><span class="c_222" style="font-size:16px;">8,100</span>원</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="charge_title">· 대체문자</dt>
|
||||
<dd><span class="c_222" style="font-size:16px;">8,100</span>원</dd>
|
||||
</dl>
|
||||
<div class="charge_line">
|
||||
<dl>
|
||||
<dt class="charge_title">· 카카오톡</dt>
|
||||
<dd><span class="c_222">8,100</span>원</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="charge_title">· 대체문자</dt>
|
||||
<dd><span class="c_222">8,100</span>원</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -821,48 +823,34 @@
|
||||
<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_666_g">300,000</span>건(100%)</dd>
|
||||
<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_002c9a_g">0</span>건(0%)</dd>
|
||||
<dt>대기건수</dt>
|
||||
<dd><span class="c_666_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>
|
||||
</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>
|
||||
<dd><span class="c_e40000_g">1</span>건(100%)</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
|
||||
@ -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>
|
||||
@ -938,7 +945,7 @@
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--// 발송화면 개선 : 카카오톡 테이블 수정 -->
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user