Commit @a8e7f62a6d8b3a82f451898763dc5055e4cd5183

정수빈 2024-08-26

2024/08/26 문자전송 수정

@a8e7f62a6d8b3a82f451898763dc5055e4cd5183

7ae128f

a8e7f62

src/main/webapp/publish/css/content.css

--- src/main/webapp/publish/css/content.css

+++ src/main/webapp/publish/css/content.css


 
 /* 문자 보내기 - 받는사람 리스트 */
 .receipt_num {display: block !important;}
+.receipt_num_top{display:flex;}
 .receipt_num_top span {font-size: 14px; color: #e40000; font-weight: 400;white-space:nowrap;}
 .receipt_num_midde {display: flex; width: 100%; margin-top: 10px;}
 .receipt_num_midde .tabulator .tabulator-header {margin-left:0 !important;}
 .receipt_num_midde .tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode=virtual] {width:100% !important;}
 .btn_popup_wrap.check_validity_wrap {position: absolute; bottom: 0; width: 100%;}
 .btn_popup_wrap.check_validity_wrap button {border: 1px solid #002c9a; color: #002c9a; margin-bottom: 0 !important; position: relative;}
+.tType1 tbody tr td.putText textarea.receipt_num{height: 70px;padding: 10px 15px;background-color: #f2f2f2;border-radius: 5px;line-height: 1.4;}
+.receipt_num_top .btn_popup_wrap{display:inline-block;margin:0 0 0 10px;}
+    
 
 .tType1_title {font-size: 20px; font-weight: 600; position: relative; height: 40px;}
 .tType1_title button {position: absolute;top: 22%; right: 0; transform: translateY(-50%); background-color: #002c9a; height: 40px; padding: 0 15px; color: #fff;}

7ae128f

a8e7f62

src/main/webapp/publish/js/content.js

--- src/main/webapp/publish/js/content.js

+++ src/main/webapp/publish/js/content.js


 	$(".btn_check_one .qmMark").mouseleave(function(){
 		$(this).parents(".btnType").next(".send_hover_cont").removeClass("on");
   	})
-
+  	
+  	// 번호추가 ? 호버 시 팝업
+  	$(".btn_add_number .qmMark").mouseover(function(){
+		$(this).parents(".btnType").next(".send_hover_cont").addClass("on");
+	})
+	$(".btn_add_number .qmMark").mouseleave(function(){
+		$(this).parents(".btnType").next(".send_hover_cont").removeClass("on");
+  	})
+  	
+  	
 	//문자발송 오류검사 ? 호버 시 팝업
 	$(".test_qm").mouseover(function(){
 		$(this).parents(".btnType").find(".test_hover_cont").addClass("on");

7ae128f

a8e7f62

src/main/webapp/publish/sub1_2023.html

--- src/main/webapp/publish/sub1_2023.html

+++ src/main/webapp/publish/sub1_2023.html


 										<th scope="row" class="vTop">받는사람</th>
 										<td class="putText">
 											<div class="clearfix receipt_num">
-												<div class="receipt_num_top">
+												<!-- <div class="receipt_num_top">
 													<label for="" class="label">받는 번호입력</label>
 													<input type="text" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;">
 													<button type="button" class="btnType btnType6">번호추가</button>
 													<span><span class="vMiddle">*</span> 중복번호는 한번만 발송됩니다.</span>
+												</div> -->
+												<div class="receipt_num_top">
+													<label for="" class="label">받는 번호입력</label>
+													<!-- <input type="text" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;"> -->
+													<textarea name="" id="" cols="30" rows="10" class="receipt_num" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;"></textarea>
+													<!-- <button type="button" class="btnType btnType6">번호추가</button> -->
+													<div class="btn_popup_wrap">
+														<button type="button" class="btnType btnType6 btn_add_number">번호추가<i class="qmMark"></i></button>
+														<span style="display:block;margin:10px 0 0 0;"><span class="vMiddle">*</span> 중복번호는 한번만 발송됩니다.</span>
+														<div class="error_hover_cont send_hover_cont">
+															<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
+															<span>(예시) 010-1234-0001(O) / 010-12345-0001(X)</span>
+														</div>
+													</div>
 												</div>
 												<div class="receipt_num_midde">
 													<div class="listType list01">

Add a comment

Open 0
Closed 0

List

...	...	@@ -366,12 +366,16 @@
366	366
367	367	/* 문자 보내기 - 받는사람 리스트 */
368	368	.receipt_num {display: block !important;}
	369	+.receipt_num_top{display:flex;}
369	370	.receipt_num_top span {font-size: 14px; color: #e40000; font-weight: 400;white-space:nowrap;}
370	371	.receipt_num_midde {display: flex; width: 100%; margin-top: 10px;}
371	372	.receipt_num_midde .tabulator .tabulator-header {margin-left:0 !important;}
372	373	.receipt_num_midde .tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode=virtual] {width:100% !important;}
373	374	.btn_popup_wrap.check_validity_wrap {position: absolute; bottom: 0; width: 100%;}
374	375	.btn_popup_wrap.check_validity_wrap button {border: 1px solid #002c9a; color: #002c9a; margin-bottom: 0 !important; position: relative;}
	376	+.tType1 tbody tr td.putText textarea.receipt_num{height: 70px;padding: 10px 15px;background-color: #f2f2f2;border-radius: 5px;line-height: 1.4;}
	377	+.receipt_num_top .btn_popup_wrap{display:inline-block;margin:0 0 0 10px;}
	378	+
375	379
376	380	.tType1_title {font-size: 20px; font-weight: 600; position: relative; height: 40px;}
377	381	.tType1_title button {position: absolute;top: 22%; right: 0; transform: translateY(-50%); background-color: #002c9a; height: 40px; padding: 0 15px; color: #fff;}

...	...	@@ -387,7 +387,16 @@
387	387	$(".btn_check_one .qmMark").mouseleave(function(){
388	388	$(this).parents(".btnType").next(".send_hover_cont").removeClass("on");
389	389	})
390		-
	390	+
	391	+ // 번호추가 ? 호버 시 팝업
	392	+ $(".btn_add_number .qmMark").mouseover(function(){
	393	+ $(this).parents(".btnType").next(".send_hover_cont").addClass("on");
	394	+ })
	395	+ $(".btn_add_number .qmMark").mouseleave(function(){
	396	+ $(this).parents(".btnType").next(".send_hover_cont").removeClass("on");
	397	+ })
	398	+
	399	+
391	400	//문자발송 오류검사 ? 호버 시 팝업
392	401	$(".test_qm").mouseover(function(){
393	402	$(this).parents(".btnType").find(".test_hover_cont").addClass("on");

...	...	@@ -1398,11 +1398,25 @@
1398	1398	<th scope="row" class="vTop">받는사람</th>
1399	1399	<td class="putText">
1400	1400	<div class="clearfix receipt_num">
1401		- <div class="receipt_num_top">
	1401	+ <!-- <div class="receipt_num_top">
1402	1402	<label for="" class="label">받는 번호입력</label>
1403	1403	<input type="text" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;">
1404	1404	<button type="button" class="btnType btnType6">번호추가</button>
1405	1405	<span><span class="vMiddle">*</span> 중복번호는 한번만 발송됩니다.</span>
	1406	+ </div> -->
	1407	+ <div class="receipt_num_top">
	1408	+ <label for="" class="label">받는 번호입력</label>
	1409	+ <!-- <input type="text" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;"> -->
	1410	+ <textarea name="" id="" cols="30" rows="10" class="receipt_num" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;"></textarea>
	1411	+ <!-- <button type="button" class="btnType btnType6">번호추가</button> -->
	1412	+ <div class="btn_popup_wrap">
	1413	+ <button type="button" class="btnType btnType6 btn_add_number">번호추가<i class="qmMark"></i></button>
	1414	+ <span style="display:block;margin:10px 0 0 0;"><span class="vMiddle">*</span> 중복번호는 한번만 발송됩니다.</span>
	1415	+ <div class="error_hover_cont send_hover_cont">
	1416	+ <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
	1417	+ <span>(예시) 010-1234-0001(O) / 010-12345-0001(X)</span>
	1418	+ </div>
	1419	+ </div>
1406	1420	</div>
1407	1421	<div class="receipt_num_midde">
1408	1422	<div class="listType list01">

Delete comment