From 4d501e737b5a3abfc09281a24751b62909f3d207 Mon Sep 17 00:00:00 2001 From: kmg Date: Fri, 19 Jul 2024 18:49:05 +0900 Subject: [PATCH] =?UTF-8?q?2024/07/19=20=EB=B0=9C=EC=86=A1=EA=B2=B0?= =?UTF-8?q?=EA=B3=BC=20=ED=99=94=EB=A9=B4=20=EA=B0=9C=EC=84=A0=20=EC=9E=91?= =?UTF-8?q?=EC=97=85=20(=EB=A6=AC=EC=8A=A4=ED=8A=B8,=20=EC=83=81=EC=84=B8)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/webapp/publish/css/button.css | 5 +- src/main/webapp/publish/css/content.css | 94 +- src/main/webapp/publish/css/popupLayer.css | 17 + .../publish/images/content/refresh_icon.png | Bin 0 -> 1218 bytes src/main/webapp/publish/js/content.js | 8 + .../publish/textingmsg_2024_detail.html | 801 +++++++++++++ .../webapp/publish/textingmsg_2024_list.html | 1023 +++++++++++++++++ 7 files changed, 1946 insertions(+), 2 deletions(-) create mode 100644 src/main/webapp/publish/images/content/refresh_icon.png create mode 100644 src/main/webapp/publish/textingmsg_2024_detail.html create mode 100644 src/main/webapp/publish/textingmsg_2024_list.html diff --git a/src/main/webapp/publish/css/button.css b/src/main/webapp/publish/css/button.css index c8405aa1..027529ca 100644 --- a/src/main/webapp/publish/css/button.css +++ b/src/main/webapp/publish/css/button.css @@ -100,4 +100,7 @@ i.add_img {background-image: url(/publish/images/content/add_icon.png);width: 10 i.print_img {background-image: url(/publish/images/content/print_icon.png);width: 15px;height: 15px;margin: 0 3px 1px 0;} i.pdf_img {background-image: url(/publish/images/content/pdf_icon.png);width: 18px;height:20px;margin: 0 3px 1px 0;} i.uproad {background-image: url(/publish/images/content/excel_get.png); width: 21px; height: 18px;} -i.downroad {background-image: url(/publish/images/content/excel_down.png); width: 21px; height: 18px;} \ No newline at end of file +i.downroad {background-image: url(/publish/images/content/excel_down.png); width: 21px; height: 18px;} +i.refresh_img {background-image: url(/publish/images/content/refresh_icon.png);width:16px; height:18px;} + +.refresh_btn {background:#999; border-radius: 5px; font-size:0; height: 36px; width: 36px;} \ No newline at end of file diff --git a/src/main/webapp/publish/css/content.css b/src/main/webapp/publish/css/content.css index 1f28b395..fa5e3860 100644 --- a/src/main/webapp/publish/css/content.css +++ b/src/main/webapp/publish/css/content.css @@ -12,6 +12,12 @@ .c_000 {color: #000 !important;} .c_222 {color: #222 !important;} .c_666 {color: #666 !important;} +/* 발송결과 화면개선 */ +.c_666_g {color: #666 !important; font-size: 26px; font-weight: 600; font-family: 'GmarketSansBold'; padding:0 4px 0 0;} +.c_002c9a_g {color: #002c9a !important; font-size: 26px; font-weight: 600; font-family: 'GmarketSansBold'; padding:0 4px 0 0;} +.c_e40000_g {color: #e40000 !important; font-size: 26px; font-weight: 600; font-family: 'GmarketSansBold'; padding:0 4px 0 0;} +.c_222_g {color: #222 !important; font-size: 26px; font-weight: 600; font-family: 'GmarketSansBold'; padding:0 4px 0 0;} +/*// 발송결과 화면개선 */ .table {display: table;width: 100%;} .table_cell {display: table-cell;vertical-align: middle;} .vMiddle {vertical-align: middle;} @@ -87,6 +93,10 @@ input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email .titBox .btnWrap.type2 button {width: 180px;} .titBox .btnWrap.type2 button:first-child:hover {border: 1px solid #129738 !important;} .titBox .btnWrap.type2 button:last-child:hover {border: 1px solid #53a6da !important;} +/*발송결과 개선 : 화면 상단 박스*/ +.titBox_result {padding: 17px 25px;border: 3px solid #dddddd;border-radius: 5px;margin:15px 0 25px 0;position: relative;} +.titBox_result p {color: #666;font-weight: 300;padding: 2px 0; font-size: 16px; line-height: 1.2;} + .msg_com {background-color: #fff; border-radius: 5px;height: 26px;padding: 0 10px;font-weight: 600;display: inline-block;line-height: 25px;} .msg_com.msg_short {border: 1px solid #002c9a;color: #002c9a;} .msg_com.msg_long {border: 1px solid #12bec9;color: #008d96;} @@ -332,7 +342,10 @@ input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email .tType4 .memo_text {width: calc(100% - 35px); margin-right: 5px; display: inline-block; text-align: left; vertical-align: inherit;} .tType4 tbody td span.textReject {line-height:28px;} .tType4 tbody td .btnTypeReject {margin:0 0 0 3px;line-height:26px;letter-spacing:0;text-align:center;vertical-align:top;} - +/* 발송결과 개선 : 테이블 내용 수정 */ +.tType4 tbody td.result_cont a {text-align: left!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} +.tType4 tbody td.result_cont .result_tit { } +.tType4 tbody td .cancel_date {font-size:14px; color:#666; display: block;} /* .thumb_wrap {position: absolute; margin-left: 20px; top: 20px; left: 0;} */ .thumb_wrap {margin: 20px 0 0 10px;} @@ -865,6 +878,10 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .table_tab_wrap ul li.active button { color: #002c9a; font-weight: 500; position: relative; } .table_tab_wrap ul li.active button::after {content: ""; position: absolute; width: 90%; height: 9px; background-color: rgba(0,44,154,0.15);bottom: -1px; left: 50%; transform: translateX(-50%);} .table_tab_wrap .selType2 {width: 130px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%);} +/*발송결과 개선 */ +.table_tab_wrap .tab_btnbox{position:absolute; top: 50%; right: 30px; transform: translateY(-50%); z-index:10;} +.table_tab_wrap .tab_btnbox button.btnType.btnType14.check_validity {border: 1px solid #002c9a; color: #002c9a;} +.table_tab_wrap .tab_btnbox .qmMark{background-image: url(../images/content/qmIcon_s.png); width: 19px; height: 19px; margin-left: 5px; margin-top: -2px;} /* board_list - 공지사항 */ .board_list {width: 100%; margin: 23px 0 50px 0; text-align: center;} @@ -2012,6 +2029,81 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .tType1.account_con{table-layout: auto;} .tType1.account_con tbody tr .account_te button{white-space: nowrap;} +/* 발송결과 상세 */ + +/* left area */ +.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_right_txt {padding:5px 0 0 0;font-size:14px; font-weight:500;} + +/* 발송결과 상세 */ +.res_info {display: flex; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; flex-direction:row; } +.res_info .res_info_in {background-color: #f2f2f2; width:100%; padding: 34px 44px 44px 44px; border-radius: 5px; box-sizing: border-box;} +.res_info .res_info_in .res_info_top p:first-child {font-size: 22px; font-weight: 600; font-family: 'GmarketSansBold'; float: left; padding:10px 0 0 0;} +.res_info .res_info_in .res_info_top p:last-child {font-size: 16px; font-weight: 300; float: right;} +.res_info .res_info_in .res_info_top .btnType.btnType3 {width:76px; font-size:15px;} +/*.res_info .res_info_in .res_info_top p:last-child span {font-size: 20px; font-weight: 600; font-family: 'GmarketSansBold'; color: #002c9a;}*/ + +.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 dt {font-weight:400;} +.res_info .res_info_in .res_info_btm dl dt.btm_charge {font-size:18px;} +.res_info .res_info_in .res_info_btm dl dd span {font-weight:500;} + +.res_info .res_info_in .res_info_btm dl dd .stcharge {font-size: 20px; font-weight: 600; font-family: 'GmarketSansBold'; color: #222; padding:0 3px 0 0;} + +.res_info .res_info_in .res_num {display:flex; justify-content: space-between; /*flex-direction: row; flex-wrap: wrap; width:100%;*/ margin:10px 0 0 0;} +.res_info .res_info_in .res_num .res_info_btm1 {width:calc(100%/2 - 5px); padding:10px;background:#fff;border-radius:5px;box-sizing:border-box;} +.res_info .res_info_in .res_num .res_info_btm1 dl {display:flex;padding:8px 10px;font-size:16px;font-weight:300;justify-content:space-between; color:#222;} +.res_info .res_info_in .res_num .res_info_btm1 dl dt {font-weight:400; font-size:18px; padding:3px 0 0 0;} +.res_info .res_info_in .res_num .res_info_btm1 dl dt.btm_charge {font-size:18px;} +.res_info .res_info_in .res_num .res_info_btm1 dl dd span {font-weight:500;} + + +/* right area 문자 미리보기 */ +.send_top .resultcont_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;} +.send_top .send_general.sec .resultcont_right {min-height:auto;} +/* phone 기본 -- sticky */ +.send_top .resultcont_right .phone {width: 374px; position: absolute; right: -2px; top: 0;} +.send_top .resultcont_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 720px; background-size: 100% auto; background-repeat: no-repeat; } +.send_top .resultcont_right .phone .phoneIn>div {padding: 45px 30px 0 30px; position: relative; height: 96%; box-sizing: border-box;} +.send_top .resultcont_right .phone .prev_p {font-size: 20px;font-weight: 500;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;} +.send_top .resultcont_right .phone .text_length2 {padding: 12px 0;} +.send_top .resultcont_right .phone .text_length2>span {float: left;line-height: 27px;} +.send_top .resultcont_right .phone .text_length2>div {float: right;margin-top: 3px;} +.send_top .resultcont_right .phone .text_length2>div span {color: #002c9a;font-size: 15px;padding-right: 2px;} +.send_top .resultcont_right .phone .text_length2>div button {width: 24px;height: 24px; border: 1px solid #ccc;border-radius: 3px;} +.send_top .resultcont_right .phone .text_length2>div button:hover {border: 1px solid #a3a3a3;} +.send_top .resultcont_right .phone .text_length2>div button img {margin-bottom: 2px;} +.send_top .resultcont_right .phone .text_preview{position: relative; width: calc(100% + 10px);/* height: 421px; */ padding-right:7px; max-height: calc(100% - 110px); box-sizing: border-box;overflow-y:auto;} +.send_top .resultcont_right .phone .text_preview::-webkit-scrollbar {width:3px;} +.send_top .resultcont_right .phone .text_preview::-webkit-scrollbar-track {} +.send_top .resultcont_right .phone .text_preview::-webkit-scrollbar-thumb {width:3px;background:rgba(0,0,0,0.85);border-radius:3px;cursor:pointer;} +.send_top .resultcont_right .phone .preview_auto {position: relative; width: 100%; background-color: #f2f2f2; border-radius: 10px; padding: 20px; box-sizing: border-box; line-height: 1.5; font-size: 15px; font-weight: 400; letter-spacing: -0.5px; margin: 0 0 20px 0;word-break: break-all; color: #555;} +/* .send_top .resultcont_right .phone .text_preview .mCSB_scrollTools {right:-15px;} */ +/* .send_top .resultcont_right .phone .preview_auto.on_scroll_text {width: 95% !important;} */ +.preview_auto p {word-break: break-all;} +.preview_auto .none_txt {color: #999; font-weight: 300;} +/* 핸드폰 안에 내용 길어져서 스크롤 생길 때 */ +.send_top .resultcont_right .phone .addText {color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:0 0 10px 0;} + +/* 그림 문자 */ +.send_top .resultcont_right .phone .text_length2 .photo_msg_num {margin-left: 3px; float: left;} +.send_top .resultcont_right .phone .text_length2 .photo_msg_num li {display: inline-block; width: 28px; padding: 5px 0; border: 1px solid #ccc; border-radius: 5px; margin-right: 2px; background-color: #f5f5f5; color: #cf468d; text-align: center; box-sizing: border-box;} +.send_top .resultcont_right .phone .text_length2 .photo_msg_num li:hover {background-color: #f8f1f5; border: 1px solid #e26ba9;} +.send_top .resultcont_right .phone .text_preview .preiew_img .img_box {max-width: 308px; border-radius: 10px; overflow: hidden; margin-bottom: 10px;} +.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;} */ + +.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; } + +/*// 발송결과 상세 20140718 */ + + + @keyframes rotate-loading { 0% {transform:rotate(0)} 100% {transform:rotate(360deg);} diff --git a/src/main/webapp/publish/css/popupLayer.css b/src/main/webapp/publish/css/popupLayer.css index 232568f0..1e976345 100644 --- a/src/main/webapp/publish/css/popupLayer.css +++ b/src/main/webapp/publish/css/popupLayer.css @@ -1181,6 +1181,23 @@ .call_layer .info_tit{font-size: 20px; font-weight: 500; margin: 0 0 15px 0;} +/* 발송결과 개선 : 진행현황 안내*/ +.info_hover_cont {top: 40px; right: -1px; width: 320px; line-height:1.4;} +.info_hover_cont dl {padding:7px; } +.info_hover_cont dl dt {font-size:16px;} +.info_hover_cont dl dt span {font-weight: 600; } +.info_hover_cont dl dd {padding:5px 0 10px 0;} + +/* 발송화면 개선 : 발송대상 리스트 팝업*/ +.layer_in .popup_search_type1 { background-color: #f2f2f2; padding: 9px 20px; border-radius: 5px; margin: 10px 0 20px 0;} +.layer_in .popup_search_type1 .selType2.select_btn {width:166px;} +.layer_in .popup_search_type1 input.send_text {width:265px; border:solid 1px #ccc; height:36px; } +.layer_in .popup_search_type1 button { width:63px;} +.layer_in .gorup_join_cont .input_right.type1 {padding:0 0 0 30px; font-size:17px; font-weight:300;} + + + + /* ie */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* 특수문자 */ diff --git a/src/main/webapp/publish/images/content/refresh_icon.png b/src/main/webapp/publish/images/content/refresh_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..7d82c0b52a4f24ea47e88ec4f5ceb110f6ea02d2 GIT binary patch literal 1218 zcmeAS@N?(olHy`uVBq!ia0vp^0zfRp!3HFQtmCqPlw^r(L`iUdT1k0gQ7VIDN`6wR zf@f}GdTLN=VoGJ<$y6H#24>~Vkcg59UmvUF{9L_6kQ%*;+ybC(1_m4Zih{)C?9>v4 zq}24xJX@vryZ0+8WTx0Eg`4^s_!c;)W@LI)6{QAO`Gq7`WhYyvDB0U7*i={n4aiL` zNmQuF&B-gas<2f8n`;GRgM{^!6u?SKvTcwn`Gt*5rG_g=Hx70H< zGchnW(@`)oFtpS+u+TR&)-^D+GBC3;HCKQFC7^9ZDQQ+gE^bh}fIM5JjFOT9D}DX) z@^Za$W4-*MbbUihOQ0D>`bI{&Koz>hm3bwJ6}oxF$}kgLQj3#|G7CyF^YauyCMG83 zmzLNn0bL65LT&-v*t}wBFaZNhzap_f-%!s0hRnJHH0#!k+rjt0&qred-Oh6WZey)OC5rManjB{01y2)!;i^@7quZUN9{m(-%nveXo}qWoM1u%E3mal6G4 zr+HAlDY)I@gj26R&@uX;m_>?dm=G}efSB-f3*^94erg^txfcP`wQ`&zFiS9+db&7< zRNPAX^Z&m+v!DZi$J53Nae@CX6B#8PSnhq2XL`rDk!O>P+0i);b9j&JZv4S3@Sp9` z{{Mmxqy)Mj86Dv2kpHjFQ+Du+f#T0&(jEK^8+iom*&Z1wm@z*J(@Fd!XUpSo?jMV3 zt**dlg`HZ`TK_mYsvB-dL`ytz7L{d8GShje#C@da29w0GAAF_<8csww8a6Pm`f0Rs zR$`+DGjHE%o)m@&j9LNTONJcoKLxI_{a%Ge&2C`@B{^xR<&f5&sj en*|I42@Gq#O!!sw)F%~Gs(8BkxvX발송방식 +
+ +
+ + + + + ${resultAllSentList.sendKind } + + + + + + + + + 문자온_발송결과 + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
+ + + + +
+ +
+ + + +
+ +
+ + + + + + +
+
+

QUICK
MENU

+

QUICK

+ + +
+
+ + + + + + +
+
+ +
+ +
+
+

발송결과 상세

+ +
+ + + +
+ +
+ +
+
+
+

발송정보

+

+
+
+
+
발송일시
+
2024-07-18 15:25
+
+
+
형태
+
그림
+
+
+
발송건수
+
100
+
+
+
발신번호
+
010-1234-5678
+
+
+
예약관리
+ +
+ +
+
+
+
+
발송요금
+
100
+ +
+
+
+
+ + +
+
+
+

상세결과

+

+
+
+
+
+
전체건수
+
101건(100%)
+
+
+
+
+
성공건수
+
100건(100%)
+
+
+
+
+
+
+
대기건수
+
0건(0%)
+
+
+
+
+
실패건수
+
1건(100%)
+
+
+
+
+
+ + +
+
+ + +
+
+

* 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.

+
+
+
+ + + +
+
+
+
+

미리보기

+ + +
+ 포토 +
    +
  • 1 +
  • 2 +
  • 3 +
+
+ 글자크기 + + +
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+
+

(광고)

+

내용을 입력해주세요.

+

+

무료 거부 080-0000-0000

+
+
+ +
+
+

※ 단말기 설정에 따라 다르게 보일 수 있습니다

+

+
+ +
+ + + + +
+ +
+ + +
+
+ +
+
+ + +
+ + +
+ + + + \ No newline at end of file diff --git a/src/main/webapp/publish/textingmsg_2024_list.html b/src/main/webapp/publish/textingmsg_2024_list.html new file mode 100644 index 00000000..9ed6a261 --- /dev/null +++ b/src/main/webapp/publish/textingmsg_2024_list.html @@ -0,0 +1,1023 @@ + +발송방식 +
+ +
+ + + + + ${resultAllSentList.sendKind } + + + + + + + + + 문자온_발송결과 + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+
+

QUICK
MENU

+

QUICK

+ + +
+
+ + + + + + +
+
+ +
+ +
+
+

발송결과

+
+ +
+ +
    +
  • +
  • +
  • +
+ +
+
+ +
+

- 최대 3개월간의 발송내역만 확인하실 수 있습니다.

+

- 전송내역이 필요한 경우 기간 내에 다운로드하여 주시기 바랍니다.

+

- 단문문자는 최대 24시간, 장문 및 그림문자는 최대 72시간까지 결과값이 수신되지 않은 경우 실패(비과금) 처리됩니다.

+
+ + +
+
+
+ 기간선택 +
+ + ~ + +
+ + + + +
+
+ + + + + +
+
+
+ +
+
+
+

전체

+

134

+
+ +
+

WEB134

+
+
대기
+
3
+
+
+
성공
+
115
+
+
+
실패
+
16
+
+
+
+

API0

+
+
대기
+
0
+
+
+
성공
+
0
+
+
+
실패
+
0
+
+
+
+
+
+

단문(SMS)

+

78

+
+
+

WEB78

+
+
대기
+
0
+
+
+
성공
+
75
+
+
+
실패
+
3
+
+
+
+

API0

+
+
대기
+
0
+
+
+
성공
+
0
+
+
+
실패
+
0
+
+
+
+
+
+

장문(LMS)

+

30

+
+
+

WEB30

+
+
대기
+
0
+
+
+
성공
+
23
+
+
+
실패
+
7
+
+
+
+

API0

+
+
대기
+
0
+
+
+
성공
+
0
+
+
+
실패
+
0
+
+
+
+
+
+

그림(MMS)

+

26

+
+
+

WEB26

+
+
대기
+
3
+
+
+
성공
+
17
+
+
+
실패
+
6
+
+
+
+

API0

+
+
대기
+
0
+
+
+
성공
+
0
+
+
+
실패
+
0
+
+
+
+
+ +
+ +
    +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
+ +
+ +
+ +
+ +
    +
  • +
  • +
  • +
  • +
  • +
+ + +
+ +
+
+
[대기]
+
발송은 성공하였으며, 수신자측 통신사로부터 수신여부를 + 확인중인 상태
+
[성공]
+
발송 및 수신이 완료된 상태
+
[실패]
+
결번, 일시정지, 전화번호 오류 등의 사유로 발송이 + 불가한 상태
+
[예약]
+
예약 발송 대기 상태
+
+
+
+ +
+ +
+
+

총 발송건수 171

+
+

※ 예약문자 발송취소는 예약 발송시간 기준 5분 전까지만 가능

+ + + +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + 발송일시 +
+ +
+
형태 +
+ +
+
내용발송건수 +
+ +
+
결과금액예약관리
대기성공실패예약
+ + + 2024-01-09 17:42단문내용을 클릭하면 상세보기 화면으로 이동합니다.0 +

0

+
+

0

+
+

0

+
+

125,895

+
+ 8,485,258원 + +

+
+ + + 2024-01-09 17:42단문내용을 클릭하면 상세보기 화면으로 이동합니다.0 +

0

+
+

0

+
+

0

+
+

0

+
-예약취소2024-07-24 14:00 +
+ + + 2024-01-09 17:42단문내용을 클릭하면 상세보기 화면으로 이동합니다.458,002 +

1

+
+

458,000

+
+

1

+
+

0

+
12,580원 + -
+
+ + +
+
+ + + + + +
+
+ + +
+
+ + +
    +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
+ +
+ + +
+
+ + + + +
+
+ +
+
+ + +
+ + +
+ + + + \ No newline at end of file