kmg 2023-10-13
2023/10/13 재전송 버튼 및 팝업
@aab28ce0f8fce143deca95711b803e8c3d910953
src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp
--- src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp
+++ src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp
@@ -3180,8 +3180,8 @@
 		</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 @@
 					<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,218 +3214,107 @@
 					</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">
+	<!-- 재전송 팝업 -->  
+	<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">
 				<p><span>전송내역</p>
 				<button type="button" class="tooltip-close" data-focus="popup05-close" id="btnLatestAddPhoneClose"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-				</div>
-				<div class="layer_in">
-					<!-- 전송내역 불러오기 -->
-					
-						<div class="tb_wrap" style="min-height:400px;">
-							<table class="tType4">
-								<colgroup>
-									<col style="">
-									<col style="">
-									<col style="">
-									<col style="">
-									<col style="">
-									<col style="">
-									<col style="">
-									<col style="">
-								</colgroup>
-								<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>
-									</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>
-									<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>발송건수
-										<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>
-									<tr>
-										<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>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>
-											<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>010-1547-5895 외 1명</td>
-										<td>010-5897-7895</td>
-										<td>8</td>
-										<td><button class="btnType btnType24" type="button">재전송</button></td>
-									</tr>									
-								</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="on"><button>1</button></li>
-									<li><button>2</button></li>
-									<li><button>3</button></li>
-									<li><button>4</button></li>
-									<li><button>5</button></li>
-									<li><button>6</button></li>
-									<li><button>7</button></li>
-									<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>
-								</ul><!-- pagination -->
-					
-					<div class="popup_btn_wrap2">
-						<button type="button" class="tooltip-close" data-focus="popup02-close"  data-focus-next="popup02">닫기</button>                      
-					</div>
+			</div>
+			<div class="layer_in">
+				<!-- 전송내역 불러오기 -->					
+				<div class="tb_wrap" style="min-height:400px;">
+					<table class="tType4">
+						<colgroup>
+							<col style="">
+							<col style="">
+							<col style="">
+							<col style="">
+							<col style="">
+							<col style="">
+							<col style="">
+							<col style="">
+						</colgroup>
+						<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>
+							</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>
+							<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>발송건수
+								<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>
+							<tr>
+								<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>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>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>010-1547-5895 외 1명</td>
+								<td>010-5897-7895</td>
+								<td>8</td>
+								<td><button class="btnType btnType24" type="button">재전송</button></td>
+							</tr>									
+						</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="on"><button>1</button></li>
+					<li><button>2</button></li>
+					<li><button>3</button></li>
+					<li><button>4</button></li>
+					<li><button>5</button></li>
+					<li><button>6</button></li>
+					<li><button>7</button></li>
+					<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>
+				</ul><!-- pagination -->					
+				<div class="popup_btn_wrap2">
+					<button type="button" class="tooltip-close" data-focus="popup05-close"  data-focus-next="popup05">닫기</button>                      
 				</div>
 			</div>
 		</div>
-<!--// 재전송 -->
+	</div>
+	<!--// 재전송 팝업 -->
 	
 
 	<div class="tooltip-wrap">
src/main/webapp/WEB-INF/jsp/web/msgsent/MsgSentReadyListAjax.jsp
--- src/main/webapp/WEB-INF/jsp/web/msgsent/MsgSentReadyListAjax.jsp
+++ src/main/webapp/WEB-INF/jsp/web/msgsent/MsgSentReadyListAjax.jsp
@@ -186,6 +186,7 @@
 							</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>
src/main/webapp/publish/css/button.css
--- src/main/webapp/publish/css/button.css
+++ src/main/webapp/publish/css/button.css
@@ -74,12 +74,13 @@
 .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;} /*재사용 버튼*/
 /* 기타 반복 사용 */
 
 /* 기타 버튼 타입 */
src/main/webapp/publish/js/popupLayer.js
--- src/main/webapp/publish/js/popupLayer.js
+++ src/main/webapp/publish/js/popupLayer.js
@@ -46,6 +46,7 @@
 		activeTarget.hide().css('opacity','0');
 		$('[data-tooltip="' + t + '"]').focus();
 	}
+	
 
 	$(document)
 		.on('click', openBtn, function (e) {
@@ -130,7 +131,7 @@
 		.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 @@
 			if($(".popup01").length != 0){
 				$("#customPopup").empty();
 				customPopup();
-			}
+			}else{}
+			
+			// 팝업이 보이고 있으면 마스크 노출/미노출
+			// 레이어 팝업 2개 뜰 경우
+			if($(".popup-com").is(":visible") !== true){
+				$(".mask").removeClass("on");
+			}else{}
 		})
 }
 
@@ -228,7 +235,11 @@
 	 }
 
 	 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"));
 	 }
 }
 
@@ -243,4 +254,9 @@
 	if($(item).is(".btn_close") == true){
 		$(item).parent(".spc_character, .convers").removeClass("on");
 	}
-}*/
(No newline at end of file)
+}*/
+
+
+
+
+
Add a comment
List