Commit @de796e5fea730da87cfb47d0b23d5c3f41bcb265

정수빈 2024-09-02

24/09/02 주소록 대량등록 팝업

@de796e5fea730da87cfb47d0b23d5c3f41bcb265

d2ddcd1

de796e5

src/main/webapp/publish/adrbook1.html

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

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

...	...	@@ -86,7 +86,7 @@
86	86	<p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">엑셀 파일을 여기에 끌어다 놓으세요</p>
87	87	</div>
88	88	<div class="list_info">
89		- <p>총 <span class="c_e40000">171</span>건 / 중복 <span class="c_002c9a">9</span>건 / 오류 <span class="c_002c9a">9</span>건 <button type="button" class="btn_list_detail"><img src="/publish/images/search.png"></button></p>
	89	+ <p>총 <span class="c_e40000">171</span>건 / 중복 <span class="c_002c9a">9</span>건 / 오류 <span class="c_002c9a">9</span>건 <button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button></p>
90	90	<div>
91	91	<label for="" class="label">카테고리 선택</label>
92	92	<label for="" class="label">줄보기 선택</label>
...	...	@@ -688,6 +688,100 @@
688	688	</div>
689	689	</div><!--// 주소록 대량등록 팝업 -->
690	690
	691	+
	692	+
	693	+<!-- 주소록 상세 결과 팝업 data-tooltip:adr_popup14 -->
	694	+ <div class="tooltip-wrap">
	695	+ <div class="popup-com adr_layer adr_popup14" tabindex="0" data-tooltip-con="adr_popup14" data-focus="adr_popup14" data-focus-prev="adr_popu14-close" style="width: 450px;">
	696	+ <div class="popup_heading">
	697	+ <p>주소록 상세 결과</p>
	698	+ <button type="button" class="tooltip-close" data-focus="adr_popup14-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	699	+ </div>
	700	+ <div class="layer_in" style="padding:30px 20px;">
	701	+ <div class="table_top">
	702	+ <p>총 <span class="c_e40000">171</span>건 / 중복 <span class="c_002c9a">9</span>건 / 오류 <span class="c_002c9a">9</span>건</p><button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
	703	+ </div>
	704	+ <div class="tb_wrap adr_list">
	705	+ <table class="tType4">
	706	+ <colgroup>
	707	+ <col style="width:32%;">
	708	+ <col style="width:auto;">
	709	+ <col style="width:90px;">
	710	+ </colgroup>
	711	+ <thead>
	712	+ <tr>
	713	+ <th>이름</th>
	714	+ <th>휴대폰</th>
	715	+ <th>미등록 결과</th>
	716	+ </tr>
	717	+ </thead>
	718	+ <tbody>
	719	+ <tr>
	720	+ <td>오재일</td>
	721	+ <td>010-4407-7031*</td>
	722	+ <td><p class="fwMd c_222">오류</p></td>
	723	+ </tr>
	724	+ <tr>
	725	+ <td>오재일</td>
	726	+ <td>010-4407-7031*</td>
	727	+ <td><p class="fwMd c_002c9a">보류</p></td>
	728	+ </tr>
	729	+ <tr>
	730	+ <td>오재일</td>
	731	+ <td>010-4407-7031*</td>
	732	+ <td><p class="fwMd c_222">오류</p></td>
	733	+ </tr>
	734	+ <tr>
	735	+ <td>오재일</td>
	736	+ <td>010-4407-7031*</td>
	737	+ <td><p class="fwMd c_002c9a">보류</p></td>
	738	+ </tr>
	739	+ <tr>
	740	+ <td>오재일</td>
	741	+ <td>010-4407-7031*</td>
	742	+ <td><p class="fwMd c_222">오류</p></td>
	743	+ </tr>
	744	+ <tr>
	745	+ <td>오재일</td>
	746	+ <td>010-4407-7031*</td>
	747	+ <td><p class="fwMd c_002c9a">보류</p></td>
	748	+ </tr>
	749	+ <tr>
	750	+ <td>오재일</td>
	751	+ <td>010-4407-7031*</td>
	752	+ <td><p class="fwMd c_222">오류</p></td>
	753	+ </tr>
	754	+ <tr>
	755	+ <td>오재일</td>
	756	+ <td>010-4407-7031*</td>
	757	+ <td><p class="fwMd c_002c9a">보류</p></td>
	758	+ </tr>
	759	+ <tr>
	760	+ <td>오재일</td>
	761	+ <td>010-4407-7031*</td>
	762	+ <td><p class="fwMd c_222">오류</p></td>
	763	+ </tr>
	764	+ <tr>
	765	+ <td>오재일</td>
	766	+ <td>010-4407-7031*</td>
	767	+ <td><p class="fwMd c_002c9a">보류</p></td>
	768	+ </tr>
	769	+ </tbody>
	770	+ </table>
	771	+ </div>
	772	+ <ul class="cf_text_ul">
	773	+ <li>*중복번호는 하나의 번호만 등록됩니다.</li>
	774	+ <li>*휴대폰 형식에 맞지 않는 데이터는 삭제 후 업로드 됩니다.</li>
	775	+ <li>ex) 발송불가 특수문자, 자릿수 오류 등</li>
	776	+ </ul>
	777	+ <div class="popup_btn_wrap2">
	778	+ <button type="button">저장</button>
	779	+ <button type="button" class="tooltip-close" data-focus="adr_popup14-close" data-focus-next="adr_popup14">닫기</button>
	780	+ </div>
	781	+ </div>
	782	+ </div>
	783	+ </div>
	784	+ <!-- //주소록 상세 결과 팝업 data-tooltip:adr_popup14 -->
691	785	<!-- 그룹 합치기 팝업 data-tooltip:adr_popup02 -->
692	786	<div class="tooltip-wrap">
693	787	<div class="popup-com adr_layer adr_popup02" tabindex="0" data-tooltip-con="adr_popup02" data-focus="adr_popup02" data-focus-prev="adr_popup02-close" style="width: 510px;">

d2ddcd1

de796e5

src/main/webapp/publish/css/popupLayer.css

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

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


 
 .adr_layer.adr_popup01 .btn_list_detail {width:23px;height:23px;margin:-3px 0 0 5px;border:1px solid #d5d5d5;border-radius:5px;}
 .adr_layer.adr_popup01 .btn_list_detail img{width:69%;height:auto;margin:-3.5px 0 0 0;}
+.adr_layer.adr_popup14 .table_top{display:flex;align-items:center;justify-content:space-between;}
+.adr_layer.adr_popup14 .table_top .excel_btn{height:30px;padding:0 10px;}
+.adr_layer.adr_popup14 .tb_wrap.adr_list{min-height:320px;max-height:320px;overflow:auto;border-bottom:1px solid #d5d5d5;}
+.adr_layer.adr_popup14 .tb_wrap.adr_list::after{display:none;}
+.adr_layer.adr_popup14 .tb_wrap.adr_list td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
+.adr_layer.adr_popup14 .cf_text_ul li{font-size:14px;color:#666;margin:0 0 5px 0;}
+.adr_layer.adr_popup14 .cf_text_ul li:last-child{margin:0;}
+
 
 
 /* ie */

d2ddcd1

de796e5

src/main/webapp/publish/js/popupLayer.js

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

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


 			if($(".popup-com:visible").length <= 1){
 				$(".mask").removeClass("on");
 			}else{}
+			
+			if($(this).closest(".adr_layer").is(".adr_popup14") == true){
+				$(".mask").addClass("on");
+			}else{}
 		})
 }
 

Add a comment

Open 0
Closed 0

List

...	...	@@ -1203,6 +1203,14 @@
1203	1203
1204	1204	.adr_layer.adr_popup01 .btn_list_detail {width:23px;height:23px;margin:-3px 0 0 5px;border:1px solid #d5d5d5;border-radius:5px;}
1205	1205	.adr_layer.adr_popup01 .btn_list_detail img{width:69%;height:auto;margin:-3.5px 0 0 0;}
	1206	+.adr_layer.adr_popup14 .table_top{display:flex;align-items:center;justify-content:space-between;}
	1207	+.adr_layer.adr_popup14 .table_top .excel_btn{height:30px;padding:0 10px;}
	1208	+.adr_layer.adr_popup14 .tb_wrap.adr_list{min-height:320px;max-height:320px;overflow:auto;border-bottom:1px solid #d5d5d5;}
	1209	+.adr_layer.adr_popup14 .tb_wrap.adr_list::after{display:none;}
	1210	+.adr_layer.adr_popup14 .tb_wrap.adr_list td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
	1211	+.adr_layer.adr_popup14 .cf_text_ul li{font-size:14px;color:#666;margin:0 0 5px 0;}
	1212	+.adr_layer.adr_popup14 .cf_text_ul li:last-child{margin:0;}
	1213	+
1206	1214
1207	1215
1208	1216	/* ie */

...	...	@@ -151,6 +151,10 @@
151	151	if($(".popup-com:visible").length <= 1){
152	152	$(".mask").removeClass("on");
153	153	}else{}
	154	+
	155	+ if($(this).closest(".adr_layer").is(".adr_popup14") == true){
	156	+ $(".mask").addClass("on");
	157	+ }else{}
154	158	})
155	159	}
156	160

Delete comment