tolag3/mjon_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2023/10/13 재전송 버튼 및 팝업

Browse Source
This commit is contained in:
kmg 2023-10-13 18:29:48 +09:00
parent 2e34fa8a47
commit aab28ce0f8
4 changed files with 119 additions and 209 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

156
src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp
View File

@ -3180,8 +3180,8 @@ $(".btn_event_cash").off().on("click", function(){
</div>
</div>
<!-- 재전송 문자내용 팝업 data-tooltip: rev_popup01 작업중-->
<div class="tooltip-wrap" style="z-index:999;">
<!-- 재전송 : 상세내용 팝업 -->
<div class="tooltip-wrap" style="z-index:110;">
<div class="popup-com adr_layer rev_popup01" tabindex="0" data-tooltip-con="rev_popup01"
data-focus="rev_popup01" data-focus-prev="rev_popup01-close" style="width: 440px;">
<div class="popup_heading">
@ -3194,6 +3194,9 @@ $(".btn_event_cash").off().on("click", function(){
<div class="rev_pop_middle clearfix">
<span>발송일시 : 2021-05-28 16:52:30</span>
<span class="msg_com msg_photo">MMS</span>
<!-- 장문, 단문 일때
<span class="msg_com msg_long">LMS</span>
<span class="msg_com msg_short">SMS</span>-->
</div>
<div class="rev_pop_txt">
<ul>
@ -3211,16 +3214,14 @@ $(".btn_event_cash").off().on("click", function(){
</div>
</div>
<div class="popup_btn_wrap2" style="justify-content: center;">
<button type="button" class="tooltip-close" data-focus="rev_popup01-close"
data-focus-next="rev_popup01">닫기</button>
<button type="button" class="tooltip-close" data-focus="rev_popup01-close" data-focus-next="rev_popup01">닫기</button>
</div>
</div>
</div>
</div>
<!--// 재전송 문자내용 팝업 -->
<!--// 재전송 : 상세내용 팝업 -->
<!-- 재전송 작업중-->
<!-- 재전송 팝업 -->
<div class="tooltip-wrap">
<div class="popup-com import_layer popup05" tabindex="0" data-tooltip-con="popup05" data-focus="popup05" data-focus-prev="popup05-close">
<div class="popup_heading">
@ -3229,7 +3230,6 @@ $(".btn_event_cash").off().on("click", function(){
</div>
<div class="layer_in">
<!-- 전송내역 불러오기 -->
<div class="tb_wrap" style="min-height:400px;">
<table class="tType4">
<colgroup>
@ -3245,38 +3245,25 @@ $(".btn_event_cash").off().on("click", function(){
<thead>
<tr>
<th>발송일시
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png"
alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png"
alt="내림차순으로 분류"></button></div>
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
</th>
<th>형태
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png"
alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png"
alt="내림차순으로 분류"></button></div>
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
</th>
<th>발송방식
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png"
alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png"
alt="내림차순으로 분류"></button></div>
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
</th>
<th>내용</th>
<th>받는사람
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png"
alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png"
alt="내림차순으로 분류"></button></div>
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
</th>
<th>발신번호
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png"
alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png"
alt="내림차순으로 분류"></button></div>
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
</th>
<th>발송건수
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png"
alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png"
alt="내림차순으로 분류"></button></div>
</th>
<th>재전송 선택
<div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
</th>
<th>재전송 선택 </th>
</tr>
</thead>
<tbody>
@ -3284,105 +3271,17 @@ $(".btn_event_cash").off().on("click", function(){
<td>2023-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup01" type="button">상세보기</button>
</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup01" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>2023-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" type="button">상세보기</button>
<div class="history_hover">
<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
</div>
</td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup03" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup03" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup03" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup03" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup03" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup03" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" type="button">상세보기</button>
</td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
<td><button class="btnType btnType24" type="button">재전송</button></td>
</tr>
<tr>
<td>2021-06-10 17:50</td>
<td>그림</td>
<td>WEB</td>
<td><button class="btnType btnType20" type="button">상세보기</button>
</td>
<td><button class="btnType btnType20" data-tooltip="rev_popup01" type="button">상세보기</button></td>
<td>010-1547-5895 외 1명</td>
<td>010-5897-7895</td>
<td>8</td>
@ -3391,15 +3290,11 @@ $(".btn_event_cash").off().on("click", function(){
</tbody>
</table>
</div>
<!--// 전송내역 불러오기 -->
<!-- pagination -->
<ul class="pagination">
<li class="page_first"><button><img src="/publish/images/content/page_first.png"
alt="첫페이지"></button></li>
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png"
alt=""></button></li>
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt="첫페이지"></button></li>
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
<li class="on"><button>1</button></li>
<li><button>2</button></li>
<li><button>3</button></li>
@ -3410,19 +3305,16 @@ $(".btn_event_cash").off().on("click", function(){
<li><button>8</button></li>
<li><button>9</button></li>
<li><button>10</button></li>
<li class="page_next"><button><img src="/publish/images/content/page_next.png"
alt=""></button></li>
<li class="page_last"><button><img src="/publish/images/content/page_last.png"
alt="마지막페이지"></button></li>
<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt="마지막페이지"></button></li>
</ul><!-- pagination -->
<div class="popup_btn_wrap2">
<button type="button" class="tooltip-close" data-focus="popup02-close" data-focus-next="popup02">닫기</button>
<button type="button" class="tooltip-close" data-focus="popup05-close" data-focus-next="popup05">닫기</button>
</div>
</div>
</div>
</div>
<!--// 재전송 -->
<!--// 재전송 팝업 -->
<div class="tooltip-wrap">

1
src/main/webapp/WEB-INF/jsp/web/msgsent/MsgSentReadyListAjax.jsp
View File

@ -186,6 +186,7 @@ $(document).ready(function(){
</td>
<td>
<button class="btnType btnType20" data-tooltip="rev_popup01" onClick="javascript:fnRevDetailPop('${resultAllSentList.msgGroupId}','${resultAllSentList.msgId}','${resultAllSentList.fileCnt}'); return false;">상세보기</button>
<button class="btnType btnType24" type="button">재전송</button> <!-- 버튼추가 -->
</td>
<td>
<c:choose>

3
src/main/webapp/publish/css/button.css
View File

@ -74,12 +74,13 @@ textarea:-ms-input-placeholder {font-family: 'Noto Sans KR', sans-serif; font-we
.btnType18 {background-color: #fff; color: #002c9a; width: 145px; height: 50px; border: 1px solid #002c9a; font-size: 18px;}
.btnType18:hover {border: 1px solid #002788;color: #002788;}
.btnType19{border: 1px solid #d5d5d5;border-radius: 5px; background-color: #fff;height: 50px;padding: 0 16px; margin-right: 2px;}
.btnType20{border: 1px solid #d5d5d5; height: 28px; width: 70px; font-size: 14px; font-weight: 400; color: #555; line-height: 1.5;}
.btnType20{border: 1px solid #d5d5d5; height: 28px; width: 70px; font-size: 14px; font-weight: 400; color: #555; line-height: 1.5; margin:3px 0 0 0;}
.btnType21 {height:36px;padding:0 14px;color:#222;background-color:#f8bd0e;}
.btnType21:hover {background-color:#eea301;}
.btnType22 {height:28px;padding:0 12px;font-size:14px;color:#222;background-color:#f8bd0e; font-weight:500;}
.btnType22:hover {background-color:#eea301;}
.btnType23 {background:#6a6c72; color:#fff; border-radius: 5px; font-size:14px; font-weight: 400; padding:4px 13px; margin:0 3px;} /*api에 사용*/
.btnType24 {background:#fff; border: 1px solid #8697c2; color: #002c9a; height: 28px; width: 70px; font-size: 14px; font-weight: 400; line-height: 1.5; margin:3px 0;} /*재사용 버튼*/
/* 기타 반복 사용 */
/* 기타 버튼 타입 */

22
src/main/webapp/publish/js/popupLayer.js
View File

@ -47,6 +47,7 @@ function tooltip() {
$('[data-tooltip="' + t + '"]').focus();
}
$(document)
.on('click', openBtn, function (e) {
// 팝업 클릭 시 data-tooltip 속성 불러오기
@ -130,7 +131,7 @@ function tooltip() {
.on('click', closeBtn, function (e) {
e.preventDefault();
close($(this).data('activeTarget'));
$("body").find(".mask").removeClass("on");
//$("body").find(".mask").removeClass("on");
$("body").css("overflow","inherit");
wrapWindowByMask();
@ -138,7 +139,13 @@ function tooltip() {
if($(".popup01").length != 0){
$("#customPopup").empty();
customPopup();
}
}else{}
// 팝업이 보이고 있으면 마스크 노출/미노출
// 레이어 팝업 2개 뜰 경우
if($(".popup-com").is(":visible") !== true){
$(".mask").removeClass("on");
}else{}
})
}
@ -228,7 +235,11 @@ function miniPopup(item){
}
if($(item).is(".btn_close") == true){
$(item).parent("div").removeClass("on")
$(item).parent("div").removeClass("on");
$(item).parent("div").find("a").removeClass("on");
$(item).parent("div").find("a:first-child").addClass("on");
$(item).parent("div").find(".cnt_character").removeClass("on");
console.log($(item).parent("div"));
}
}
@ -244,3 +255,8 @@ function miniPopup(item){
$(item).parent(".spc_character, .convers").removeClass("on");
}
}*/