2025/03/18 카카오톡 발송결과 리스트 및 상세 추가 수정
@5eea5ca7e3aedabc8015eb21e2fa324e9b8e503f
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
... | ... | @@ -2126,7 +2126,10 @@ |
| 2126 | 2126 |
|
| 2127 | 2127 |
.res_info .res_info_in .res_info_btm {margin:20px 0 0 0;padding:10px;background:#fff;border-radius:5px;box-sizing:border-box;}
|
| 2128 | 2128 |
.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;}
|
| 2129 |
-.res_info .res_info_in .res_info_btm dl.charge_line {border-top:1px solid #e6e6e6; text-align:center;}
|
|
| 2129 |
+.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; }
|
|
| 2130 |
+.res_info .res_info_in .res_info_btm .charge_line dl {padding:7px 0 5px 10px; }
|
|
| 2131 |
+.res_info .res_info_in .res_info_btm .charge_line dl dt {font-size:15px;}
|
|
| 2132 |
+.res_info .res_info_in .res_info_btm .charge_line dl dd {padding:0; font-size:16px;}
|
|
| 2130 | 2133 |
.res_info .res_info_in .res_info_btm dl dt.charge_title {font-size:15px; padding:0 0 0 5px;}
|
| 2131 | 2134 |
.res_info .res_info_in .res_info_btm dl dt {font-weight:400;}
|
| 2132 | 2135 |
.res_info .res_info_in .res_info_btm dl dt.btm_charge {font-size:16px;}
|
... | ... | @@ -2182,7 +2185,7 @@ |
| 2182 | 2185 |
|
| 2183 | 2186 |
/* 알림톡 미리보기 */ |
| 2184 | 2187 |
.send_top .resultcont_right .phone_kakao {width: 374px; position: absolute; right:0; top: 0;}
|
| 2185 |
-.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;}
|
|
| 2188 |
+.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;}
|
|
| 2186 | 2189 |
.send_top .resultcont_right .phone_kakako .prev_p{padding: 0 0 0 10px; border: 0; letter-spacing: -0.25px;}
|
| 2187 | 2190 |
.send_top .resultcont_right .phone_kakako .prev_p img{margin: 0 10px 0 0;}
|
| 2188 | 2191 |
.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 @@ |
| 2206 | 2209 |
.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;}
|
| 2207 | 2210 |
.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;}
|
| 2208 | 2211 |
.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;}
|
| 2209 |
-.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:10px 0 10px 0;}
|
|
| 2212 |
+.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:-27px 0 10px 0;}
|
|
| 2210 | 2213 |
|
| 2211 | 2214 |
.btn_list_type1 {border-top:solid 1px #e5e5e5; text-align: right; padding:26px 0 0 0; margin:60px 0 0 0;}
|
| 2212 | 2215 |
.btn_list_type1 .btnType.btnType17 {width:100px; }
|
+++ 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
... | ... | @@ -775,7 +775,7 @@ |
| 775 | 775 |
</dl> |
| 776 | 776 |
<dl> |
| 777 | 777 |
<dt>채널정보</dt> |
| 778 |
- <dd>채널명(@채널ID)</dd> |
|
| 778 |
+ <dd>@채널ID</dd> |
|
| 779 | 779 |
</dl> |
| 780 | 780 |
<dl> |
| 781 | 781 |
<dt>진행상황 |
... | ... | @@ -798,14 +798,16 @@ |
| 798 | 798 |
<dd><span class="stcharge">78,100</span>원</dd> |
| 799 | 799 |
<!--<dd><span class="stcharge">-</span>원</dd>--><!-- 예역취소 후 금액은 하이픈 처리--> |
| 800 | 800 |
</dl> |
| 801 |
- <dl class="charge_line"> |
|
| 802 |
- <dt class="charge_title">· 카카오톡</dt> |
|
| 803 |
- <dd><span class="c_222" style="font-size:16px;">8,100</span>원</dd> |
|
| 804 |
- </dl> |
|
| 805 |
- <dl> |
|
| 806 |
- <dt class="charge_title">· 대체문자</dt> |
|
| 807 |
- <dd><span class="c_222" style="font-size:16px;">8,100</span>원</dd> |
|
| 808 |
- </dl> |
|
| 801 |
+ <div class="charge_line"> |
|
| 802 |
+ <dl> |
|
| 803 |
+ <dt class="charge_title">· 카카오톡</dt> |
|
| 804 |
+ <dd><span class="c_222">8,100</span>원</dd> |
|
| 805 |
+ </dl> |
|
| 806 |
+ <dl> |
|
| 807 |
+ <dt class="charge_title">· 대체문자</dt> |
|
| 808 |
+ <dd><span class="c_222">8,100</span>원</dd> |
|
| 809 |
+ </dl> |
|
| 810 |
+ </div> |
|
| 809 | 811 |
</div> |
| 810 | 812 |
</div> |
| 811 | 813 |
</div> |
... | ... | @@ -821,48 +823,34 @@ |
| 821 | 823 |
<div class="res_info_btm1"> |
| 822 | 824 |
<dl> |
| 823 | 825 |
<dt>전체건수</dt> |
| 824 |
- <dd><a href="#" data-tooltip="rev_popup04"><span class="c_222_g">300,101</span>건</a></dd> |
|
| 826 |
+ <dd><a href="#" data-tooltip="rev_popup04"><span class="c_222_g">300,001</span>건</a></dd> |
|
| 825 | 827 |
</dl> |
| 826 | 828 |
</div> |
| 827 | 829 |
<div class="res_info_btm1"> |
| 828 | 830 |
<dl> |
| 829 |
- <dt>대기건수</dt> |
|
| 830 |
- <dd><span class="c_666_g">300,000</span>건(100%)</dd> |
|
| 831 |
+ <dt>성공건수</dt> |
|
| 832 |
+ <dd><span class="c_002c9a_g">300,000</span>건(100%)</dd> |
|
| 831 | 833 |
</dl> |
| 832 | 834 |
</div> |
| 833 | 835 |
</div> |
| 834 | 836 |
<div class="res_num"> |
| 835 | 837 |
<div class="res_info_btm1"> |
| 836 | 838 |
<dl> |
| 837 |
- <dt>성공건수(카카오톡)</dt> |
|
| 838 |
- <dd><span class="c_002c9a_g">0</span>건(0%)</dd> |
|
| 839 |
+ <dt>대기건수</dt> |
|
| 840 |
+ <dd><span class="c_666_g">0</span>건(0%)</dd> |
|
| 839 | 841 |
</dl> |
| 840 | 842 |
</div> |
| 841 | 843 |
<div class="res_info_btm1"> |
| 842 | 844 |
<dl> |
| 843 |
- <dt>실패건수(카카오톡)</dt> |
|
| 845 |
+ <dt>실패건수</dt> |
|
| 844 | 846 |
<dd><span class="c_e40000_g">1</span>건(100%)</dd> |
| 845 | 847 |
</dl> |
| 846 | 848 |
</div> |
| 847 |
- </div> |
|
| 848 |
- <div class="res_num"> |
|
| 849 |
- <div class="res_info_btm1"> |
|
| 850 |
- <dl> |
|
| 851 |
- <dt>성공건수(대체문자)</dt> |
|
| 852 |
- <dd><span class="c_002c9a_g">0</span>건(0%)</dd> |
|
| 853 |
- </dl> |
|
| 854 |
- </div> |
|
| 855 |
- <div class="res_info_btm1"> |
|
| 856 |
- <dl> |
|
| 857 |
- <dt>실패건수(대체문자)</dt> |
|
| 858 |
- <dd><span class="c_e40000_g">1</span>건(100%)</dd> |
|
| 859 |
- </dl> |
|
| 860 |
- </div> |
|
| 861 |
- </div> |
|
| 849 |
+ </div> |
|
| 862 | 850 |
<p class="table_bottom_txt">* 전체건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p> |
| 863 | 851 |
</div> |
| 864 | 852 |
</div> |
| 865 |
- <!--// 발송결과--> |
|
| 853 |
+ <!--// 상세결과--> |
|
| 866 | 854 |
|
| 867 | 855 |
</div> |
| 868 | 856 |
<!--// 발송결과 상세 정보 --> |
... | ... | @@ -891,9 +879,9 @@ |
| 891 | 879 |
<img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착 |
| 892 | 880 |
</div> |
| 893 | 881 |
<div class="allimtalk_content"> |
| 894 |
- <!-- <div class="kakao_image"> --> |
|
| 895 |
- <!-- <img src="/publish/images/content/kakao_template_img.png" alt=""> --> |
|
| 896 |
- <!-- </div> --> |
|
| 882 |
+ <div class="kakao_image"> |
|
| 883 |
+ <img src="/publish/images/content/kakao_template_img.png" alt=""> |
|
| 884 |
+ </div> |
|
| 897 | 885 |
<p class="emphasis_side_text">강조표기 보조문구 미리보기</p> |
| 898 | 886 |
<p class="emphasis_title_text">타이틀 미리보기</p> |
| 899 | 887 |
<p class="template_text">내용미리보기</p> |
... | ... | @@ -901,13 +889,6 @@ |
| 901 | 889 |
<p class="channel_info_text">채널 추가 안내 메시지 미리보기</p> |
| 902 | 890 |
<button type="button" class="btn_kakao_type">버튼명</button> |
| 903 | 891 |
<button type="button" class="btn_kakao_type">버튼명</button> |
| 904 |
- <!-- <p class="emphasis_side_text">강조표기 보조문구 미리보기</p> --> |
|
| 905 |
- <!-- <p class="emphasis_title_text">타이틀 미리보기</p> --> |
|
| 906 |
- <!-- <p class="template_text">내용미리보기</p> --> |
|
| 907 |
- <!-- <p class="side_info_text">부가정보내용</p> --> |
|
| 908 |
- <!-- <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p> --> |
|
| 909 |
- <!-- <button type="button" class="btn_kakao_type">버튼명</button> --> |
|
| 910 |
- <!-- <button type="button" class="btn_kakao_type">버튼명</button> --> |
|
| 911 | 892 |
</div> |
| 912 | 893 |
</div> |
| 913 | 894 |
<!-- //텍스트 미리보기 --> |
... | ... | @@ -923,7 +904,7 @@ |
| 923 | 904 |
<div class="phoneIn"> |
| 924 | 905 |
<div> |
| 925 | 906 |
<p class="prev_p"><img src="images/search.png"> 문자내용</p> |
| 926 |
- <div class="text_length2 clearfix" style="display:none;"> |
|
| 907 |
+ <div class="text_length2 clearfix"> |
|
| 927 | 908 |
<span class="msg_com msg_short">단문</span> |
| 928 | 909 |
<div> |
| 929 | 910 |
<span>글자크기</span> |
... | ... | @@ -939,19 +920,17 @@ |
| 939 | 920 |
<button type="button"><img src="images/content/font_minus.png"></button> |
| 940 | 921 |
</div> |
| 941 | 922 |
</div> |
| 942 |
- <!--<div class="text_length2 clearfix"> |
|
| 923 |
+ <div class="text_length2 clearfix" style="display:none;"> |
|
| 943 | 924 |
<span class="msg_com msg_photo">포토</span> |
| 944 | 925 |
<ul class="photo_msg_num"> |
| 945 | 926 |
<li onclick="imgClick(0);"><a href="#none">1</a></ li> |
| 946 |
- <li onclick="imgClick(1);"><a href="#none">2</a></ li> |
|
| 947 |
- <li onclick="imgClick(2);"><a href="#none">3</a></ li> |
|
| 948 | 927 |
</ul> |
| 949 | 928 |
<div> |
| 950 | 929 |
<span>글자크기</span> |
| 951 | 930 |
<button type="button"><img src="images/content/font_plus.png"></button> |
| 952 | 931 |
<button type="button"><img src="images/content/font_minus.png"></button> |
| 953 | 932 |
</div> |
| 954 |
- </div>--> |
|
| 933 |
+ </div> |
|
| 955 | 934 |
<!-- 텍스트 미리보기 --> |
| 956 | 935 |
<div class="text_preview"> |
| 957 | 936 |
<!--<div class="preiew_img"> |
... | ... | @@ -967,8 +946,7 @@ |
| 967 | 946 |
</div>--> |
| 968 | 947 |
<div class="preview_auto"> |
| 969 | 948 |
<p class="ad_tit">(광고)</p> |
| 970 |
- <p class="none_txt">내용을 입력해주세요.</p> |
|
| 971 |
- <p class="realtime"></p> |
|
| 949 |
+ <p class="realtime">대체문자 내용 미리보기</p> |
|
| 972 | 950 |
<p class="deny_receipt">무료 거부 080-0000-0000</p> |
| 973 | 951 |
</div> |
| 974 | 952 |
</div> |
--- src/main/webapp/publish/textingmsg_2025_list.html
+++ src/main/webapp/publish/textingmsg_2025_list.html
... | ... | @@ -575,7 +575,7 @@ |
| 575 | 575 |
<button type="button" onclick="" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button> |
| 576 | 576 |
</div> |
| 577 | 577 |
<div class="table_btn_right"> |
| 578 |
- <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button> |
|
| 578 |
+ <button type="button" class="excel_btn btnType"><i class="downroad"></i>발송결과 리스트</button> |
|
| 579 | 579 |
</div> |
| 580 | 580 |
</div> |
| 581 | 581 |
|
... | ... | @@ -638,8 +638,6 @@ |
| 638 | 638 |
<div class="btn_right"> |
| 639 | 639 |
<label for="" class="label">채널선택</label> |
| 640 | 640 |
<select name="" id="" class="selType2"> |
| 641 |
- <option value="">채널ID</option> |
|
| 642 |
- <option value="">채널명</option> |
|
| 643 | 641 |
<option value="">내용</option> |
| 644 | 642 |
</select> |
| 645 | 643 |
<div class="search"> |
... | ... | @@ -736,7 +734,24 @@ |
| 736 | 734 |
<li class="tab"><button type="button">예약</button></li> |
| 737 | 735 |
</ul> |
| 738 | 736 |
<!--// tab button --> |
| 739 |
- |
|
| 737 |
+ <!-- 발송화면 개선 : 발송결과 추가--> |
|
| 738 |
+ <div class="tab_btnbox"> |
|
| 739 |
+ <button type="button" class="btnType btnType14 check_validity">발송결과<i class="qmMark"></i></button> |
|
| 740 |
+ <div class="info_hover_cont send_hover_cont price_hover"> |
|
| 741 |
+ <dl> |
|
| 742 |
+ <dt class="c_222">[<span>대기</span>]</dt> |
|
| 743 |
+ <dd>발송은 성공하였으며, 수신자측 통신사로부터 수신여부를 확인중인 상태 <br> |
|
| 744 |
+ <span>※ 예약발송의 경우 실발송 전까지는 “대기”로 표시</span> |
|
| 745 |
+ </dd> |
|
| 746 |
+ <dt class="c_002c9a">[<span>성공</span>]</dt> |
|
| 747 |
+ <dd>발송 및 수신이 완료된 상태</dd> |
|
| 748 |
+ <dt class="c_e40000">[<span>실패</span>]</dt> |
|
| 749 |
+ <dd class="last">결번, 일시정지, 전화번호 오류 등의 사유로 발송이 |
|
| 750 |
+ 불가한 상태</dd> |
|
| 751 |
+ </dl> |
|
| 752 |
+ </div> |
|
| 753 |
+ </div> |
|
| 754 |
+ <!--// 발송화면 개선 : 발송결과 추가--> |
|
| 740 | 755 |
</div> |
| 741 | 756 |
|
| 742 | 757 |
<div class="table_cont current"> |
... | ... | @@ -790,13 +805,13 @@ |
| 790 | 805 |
<input type="button" class="sort sortBtn" id="sort_msgGroupCnt"> |
| 791 | 806 |
</div> |
| 792 | 807 |
</th> |
| 793 |
- <th colspan="3">카카오톡결과</th> |
|
| 808 |
+ <th rowspan="2">대기</th> |
|
| 809 |
+ <th colspan="2">카카오톡결과</th> |
|
| 794 | 810 |
<th colspan="2">대체문자결과</th> |
| 795 | 811 |
<th rowspan="2">금액(원)</th> |
| 796 | 812 |
<th rowspan="2">진행상황</th> |
| 797 | 813 |
</tr> |
| 798 | 814 |
<tr> |
| 799 |
- <th>대기</th> |
|
| 800 | 815 |
<th>성공</th> |
| 801 | 816 |
<th>실패</th> |
| 802 | 817 |
<th>성공</th> |
... | ... | @@ -820,9 +835,7 @@ |
| 820 | 835 |
</div> |
| 821 | 836 |
</td> |
| 822 | 837 |
<td>0</td> |
| 823 |
- <td> |
|
| 824 |
- <p class="c_666">0</p> |
|
| 825 |
- </td> |
|
| 838 |
+ <td>0</td> |
|
| 826 | 839 |
<td> |
| 827 | 840 |
<p class="c_002c9a">0</p> |
| 828 | 841 |
</td> |
... | ... | @@ -856,9 +869,7 @@ |
| 856 | 869 |
</div> |
| 857 | 870 |
</td> |
| 858 | 871 |
<td>0</td> |
| 859 |
- <td> |
|
| 860 |
- <p class="c_666">0</p> |
|
| 861 |
- </td> |
|
| 872 |
+ <td>0</td> |
|
| 862 | 873 |
<td> |
| 863 | 874 |
<p class="c_002c9a">0</p> |
| 864 | 875 |
</td> |
... | ... | @@ -887,9 +898,7 @@ |
| 887 | 898 |
</div> |
| 888 | 899 |
</td> |
| 889 | 900 |
<td>458,002</td> |
| 890 |
- <td> |
|
| 891 |
- <p class="c_666">1</p> |
|
| 892 |
- </td> |
|
| 901 |
+ <td>0</td> |
|
| 893 | 902 |
<td> |
| 894 | 903 |
<p class="c_002c9a">458,000</p> |
| 895 | 904 |
</td> |
... | ... | @@ -918,9 +927,7 @@ |
| 918 | 927 |
</div> |
| 919 | 928 |
</td> |
| 920 | 929 |
<td>458,002</td> |
| 921 |
- <td> |
|
| 922 |
- <p class="c_666">1</p> |
|
| 923 |
- </td> |
|
| 930 |
+ <td>0</td> |
|
| 924 | 931 |
<td> |
| 925 | 932 |
<p class="c_002c9a">458,000</p> |
| 926 | 933 |
</td> |
... | ... | @@ -938,7 +945,7 @@ |
| 938 | 945 |
</tr> |
| 939 | 946 |
</tbody> |
| 940 | 947 |
</table> |
| 941 |
- </div> |
|
| 948 |
+ </div> |
|
| 942 | 949 |
|
| 943 | 950 |
<!--// 발송화면 개선 : 카카오톡 테이블 수정 --> |
| 944 | 951 |
|
... | ... | @@ -947,7 +954,7 @@ |
| 947 | 954 |
<button type="button" onclick="" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button> |
| 948 | 955 |
</div> |
| 949 | 956 |
<div class="table_btn_right"> |
| 950 |
- <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button> |
|
| 957 |
+ <button type="button" class="excel_btn btnType"><i class="downroad"></i>발송결과 리스트</button> |
|
| 951 | 958 |
</div> |
| 952 | 959 |
</div> |
| 953 | 960 |
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?