kmg 2025-03-18
2025/03/18 카카오톡 발송결과 리스트 및 상세 추가 수정
@5eea5ca7e3aedabc8015eb21e2fa324e9b8e503f
src/main/webapp/publish/css/content.css
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
@@ -2126,7 +2126,10 @@
 
 .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 @@
 
 /* 알림톡 미리보기 */
 .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 @@
 .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; }
 
src/main/webapp/publish/images/content/kakaoBg_01.png (Binary) (added)
+++ src/main/webapp/publish/images/content/kakaoBg_01.png
Binary file is not shown
src/main/webapp/publish/textingmsg_2025_detail_kakao.html
--- src/main/webapp/publish/textingmsg_2025_detail_kakao.html
+++ src/main/webapp/publish/textingmsg_2025_detail_kakao.html
@@ -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>
src/main/webapp/publish/textingmsg_2025_list.html
--- src/main/webapp/publish/textingmsg_2025_list.html
+++ src/main/webapp/publish/textingmsg_2025_list.html
@@ -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>								
 
Add a comment
List