Commit @9079e3fe7b3d7eefa42fdb23606f702b68b2483b

이호영 2024-08-14

문자전송 > 엑셀불러오기 완료 ( TODO:오류번호검사, 오류검사, 설명문구, 샘플파일 등등 은 cs팀에서 결정하고 알려준다합니다.)

알려준다합니다.)

@9079e3fe7b3d7eefa42fdb23606f702b68b2483b

a985ce5

9079e3f

src/main/webapp/WEB-INF/jsp/web/addr/AddrListAjax.jsp

--- src/main/webapp/WEB-INF/jsp/web/addr/AddrListAjax.jsp

+++ src/main/webapp/WEB-INF/jsp/web/addr/AddrListAjax.jsp


 	</div>		
 </div>
 <!-- // 중복전화번호 팝업 -->
- -->
 <form name="addrMemoForm" name="addrMemoForm" method="post">
 	<input type="hidden" name="addrCheck" />
 	<input type="hidden" name="addrComment" />

a985ce5

9079e3f

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


 
 		
 		var addrData = tableAddr.getData().map((row, index) => ({
-		    no: index+1,
 		    name: row.addrName,
 		    phone: removeDash(row.addrPhone),
 		    rep1: row.addrRep1,

a985ce5

9079e3f

src/main/webapp/WEB-INF/jsp/web/msgdata/include/msgDataIncludeExcel.jsp

--- src/main/webapp/WEB-INF/jsp/web/msgdata/include/msgDataIncludeExcel.jsp

+++ src/main/webapp/WEB-INF/jsp/web/msgdata/include/msgDataIncludeExcel.jsp


 
     $("#excelFile").on("change", function(event) {
     	var fileInfo =  event.target.files;
-    	if(fileInfo.length > 0){
-        	excelFileChange(fileInfo[0]);
-    	}
+    	console.log('fileInfo.length : ', fileInfo.length);
+        if(fileInfo.length > 0){
+            excelFileChange(fileInfo[0]);
+        } else {
+            fn_loadRemoveActive(); // 파일이 선택되지 않은 경우 로딩 상태 제거
+            $(this).val('');  // 파일 선택 초기화
+        }
     });
 	
 
 
+    $(document).on('click', '#btnAddrMassClose', function() {
+    	// 대량등록 닫기
+    	setAddrMassClose();
+    });
+    
+
+    $(document).on('click', '#closeBtn', function() {
+    	// 대량등록 닫기
+    	setAddrMassClose();
+    });
+    
+
+ // 엑셀등록 닫기
+	function setAddrMassClose() {
+		$tableExcel.clearData();
+		$("#excelRowTotCnt").text(0); //총건수 수정
+		$("#excelRowDupCnt").text(0); //중복건수 수정
+		dupliPhoneDataRealList.length = 0;	// 중복 휴대폰번호 초기화
+		addrMassDupliSaveList = null;
+		
+		$("#btnAddrMassDupli").hide();
+		$('#tableExcelDupliBtn').hide();
+// 		$("#btnAddrMassSaveDupli").hide();
+// 		$('#closeBtn').click();
+		
+	}
+    
   //#############################################################################################
   //파일업로드 드래그앤 드롭
   //#############################################################################################

     e.preventDefault();
   });
   $(document).on("drop",".upload_area",function(e){
-//   	fn_loadAddActive();
+  	fn_loadAddActive();
   	e.preventDefault();
   	var files = e.originalEvent.dataTransfer.files;
   	excelFileChange(files[0]);

 	//타이틀 select 선택 이벤트
 	 $('.field-selector').on('change', function() {
 		fn_loadAddActive();
-		var selectedFields = [];
-		var isDuplicate = false;
 
-		if($tableExcel.getData().length < 1){
-			alert('데이터 입력 후 선택해 주세요.');
-			$(this).val(""); 
-			fn_loadRemoveActive();
-			return false;
-		}
-		
-		// 중복체크
-		$('.field-selector').each(function() {
-			var selectedField = $(this).val();
-			if (selectedField) {
-				if (selectedFields.includes(selectedField)) {
-					alert("중복된 필드를 선택할 수 없습니다.");
-					$(this).val(""); // 중복 필드를 선택한 경우 빈 값으로 초기화
-					isDuplicate = true;
-					return false; // 반복문 종료
-				}
-				selectedFields.push(selectedField);
+		setTimeout(() => { // 파일 읽기 완료 후 실행되도록 함
+			var selectedFields = [];
+			var isDuplicate = false;
+	
+			if($tableExcel.getData().length < 1){
+				alert('데이터 입력 후 선택해 주세요.');
+				$(this).val(""); 
+				fn_loadRemoveActive();
+				return false;
 			}
-		});
+			
+			// 중복체크
+			$('.field-selector').each(function() {
+				var selectedField = $(this).val();
+				if (selectedField) {
+					if (selectedFields.includes(selectedField)) {
+						alert("중복된 필드를 선택할 수 없습니다.");
+						$(this).val(""); // 중복 필드를 선택한 경우 빈 값으로 초기화
+						isDuplicate = true;
+						return false; // 반복문 종료
+					}
+					selectedFields.push(selectedField);
+				}
+			});
+	
+	
+			// 
+			updateTableFields($tableExcel);
+			
+			// 필드가 휴대폰이면 열 중복체크
+			if($(this).val() == 'addrPhoneNo'){
+				fn_phoneDupl($tableExcel);
+			}
+			fn_loadRemoveActive();
 
-
-		// 
-		updateTableFields($tableExcel);
-		
-		// 필드가 휴대폰이면 열 중복체크
-		if($(this).val() == 'addrPhoneNo'){
-			fn_phoneDupl($tableExcel);
-		}
-		fn_loadRemoveActive();
-		
+		}, 0); // 지연 없이 즉시 실행되도록 0ms 지연을 설정
 	});
 	
   
 
-		// 받는사람 선택삭제 버튼 처리해주기
-		$('#in_select_del').click(function(){
+	// 받는사람 선택삭제 버튼 처리해주기
+	$('#in_select_del').click(function(){
+		
+		if($tableExcel == null || $tableExcel == ""){
 			
-			if(tableL == null || tableL == ""){
+			alert("받는사람을 추가해 주세요.");
+			return false;
+		
+		}
+		
+		var selectedData = $tableExcel.getSelectedRows();
+		
+		if(selectedData == "" || selectedData == null){
+			
+			alert("삭제할 연락처를 선택해주세요.");
+			return false;
+		
+		}else{ // 선택한 Row 데이터 삭제하기
+			
+			if(confirm("선택하신 받는 사람을 삭제하시겠습니까?")){
 				
-				alert("받는사람을 추가해 주세요.");
-				return false;
-			
+				// 선택 데이터 삭제
+			    selectedData.forEach(row => row.delete());
+			    
+			    
+				totRows = $tableExcel.getRows().length;
+			    $("#excelRowTotCnt").text(totRows);
+			    
+				
 			}
-			
-			var selectedData = tableL.getSelectedRows();
-			
-			if(selectedData == "" || selectedData == null){
-				
-				alert("삭제할 연락처를 선택해주세요.");
-				return false;
-			
-			}else{ // 선택한 Row 데이터 삭제하기
-				
-				if(confirm("선택하신 받는 사람을 삭제하시겠습니까?")){
-					
-					// 선택 데이터 삭제
-				    selectedData.forEach(row => row.delete());
-				    
-				    
-					totRows = tableL.getRows().length;
-					updateTotCnt(totRows);
-				    
-					var smsTxtArea = $('#smsTxtArea').val();
-					
-					//일괄변환 문구 결제금액 처리
-					if(smsTxtArea.indexOf("[*이름*]") > -1
-							|| smsTxtArea.indexOf("[*1*]") > -1
-							|| smsTxtArea.indexOf("[*2*]") > -1
-							|| smsTxtArea.indexOf("[*3*]") > -1
-							|| smsTxtArea.indexOf("[*4*]") > -1){
-						
-						fnReplCell();
-					}else{
-						//결제 금액 구하기
-					    totalPriceSum(totRows);
-					}
-					
-				}
 
-			}
+		}
+		
+	});
+
+	// 추가버튼
+	$('#btnAddrMassReg').click(function(){
+		
+		if($tableExcel.getData().length < 1){
+			alert("한 개 이상의 연락처를 입력하세요");
+			return false;
+		}
+//	 	else if (selectedData.length > 20000) {
+//	 		alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
+//	 		return false;
+//	 	}
+		
+		
+		// tableExcel 그룹의 select 요소들을 확인
+//	 	var isPhoneSelected = false;
+//	 	var isNameSelected = false;
+		var columns = $tableExcel.getColumns();
+		var isAddrPhoneNoSelected = columns.some(column => column.getField() === 'addrPhoneNo');
+
+		if (!isAddrPhoneNoSelected) {
+//			    isPhoneSelected = true;
+			alert('휴대폰이 선택되지 않았습니다.');
+			return false;
+
+		} 
+		
+		console.log('$tableExcel : ' ,$tableExcel);
+		var addrData = $tableExcel.getData().map((row, index) => ({
+		    name: row.addrNm,
+		    phone: removeDash(row.addrPhoneNo),
+		    rep1: row.addrInfo1,
+		    rep2: row.addrInfo2,
+		    rep3: row.addrInfo3,
+		    rep4: row.addrInfo4,
+		}));
+
+		tableL.setData(addrData);
+		
+		var totRows = tableL.getRows().length; 
+		updateTotCnt(totRows); //전체 데이터 갯수 구하기
+		console.log('totRows : ', totRows);
+		var smsTxtArea = $('#smsTxtArea').val();
+		if(smsTxtArea.indexOf("[*이름*]")  > -1 
+				|| smsTxtArea.indexOf("[*1*]") > -1
+				|| smsTxtArea.indexOf("[*2*]") > -1
+				|| smsTxtArea.indexOf("[*3*]") > -1
+				|| smsTxtArea.indexOf("[*4*]") > -1){
 			
-		});
+			fnReplCell();
+			
+		}else{
+			
+			//결제 금액 구하기
+		    totalPriceSum(totRows);
+			
+		} 
+		
+		setAddrMassClose();
+	});
+		
   
-  
-  
+
+	//받는사람 전체삭제 버튼 처리
+	$('#allDel').click(function(){
+		var data = $tableExcel.getRows();	
+		$tableExcel.clearData();
+		$("#excelRowTotCnt").text(0); //총건수 수정
+		$("#excelRowDupCnt").text(0); //중복건수 수정
+		dupliPhoneDataRealList.length = 0;	// 중복 휴대폰번호 초기화
+		
+		// select box 초기화
+		$('.field-selector').each(function() { $(this).val(''); });
+		
+	});
+	
   
   
 });

 	]);
 
 	$tableExcel.setData(tableData).then(() => {
-		// rowTotCnt 업데이트
-		document.getElementById("rowTotCnt").innerText = tableData.length;
+		// excelRowTotCnt 업데이트
+		document.getElementById("excelRowTotCnt").innerText = tableData.length;
 	});
 	
 	fn_loadRemoveActive();

 	    	alert('휴대폰 형식에 맞지 않는 데이터가 있습니다.\n 확인해 주세요');
 	    }
 
-	    $("#rowDupCnt").text(dupliPhoneDataRealList.length);
+	    $("#excelRowDupCnt").text(dupliPhoneDataRealList.length);
 
 	    if (dupliPhoneDataRealList.length > 0) {
 //	        alert("중복된 휴대폰 번호가 있습니다: \n" + duplicatePhones.join(", "));

 
 	    // 고유한 데이터만 남기고 테이블 업데이트
 	    $objTabul.setData(rowsToKeep);
-	    $("#rowTotCnt").text(rowsToKeep.length);
+	    $("#excelRowTotCnt").text(rowsToKeep.length);
 	}
 
 
+function fn_dupliPopupShow(){
+
+	$("#tableExcelDupliBtn").show();
+}
+
+function makeAddrMassDupliPop(dupliPhoneDataRealList) {
+	var sHtml = "";
+	sHtml += "<div class='' style='overflow-x:auto; height:350px;'>";
+	sHtml += "<table class='tType4'>";
+	sHtml += "		<colgroup>";
+	sHtml += "			<col style='width:auto' />";
+	sHtml += "		</colgroup>";
+	sHtml += "		<thead>";
+	sHtml += "			<tr>";
+	sHtml += "				<th>중복 휴대폰번호 (" + numberWithCommas(dupliPhoneDataRealList.length) + "개)</th>";
+	sHtml += "			</tr>";
+	sHtml += "		</thead>";
+	sHtml += "		<tbody>";
+	for (var i = 0; i < dupliPhoneDataRealList.length; i++) {
+		sHtml += "		<tr>";
+		sHtml += "			<td>" + dupliPhoneDataRealList[i] + "</td>";
+		sHtml += "		</tr>";
+	}
+	sHtml += "		</tbody>";
+	sHtml += "	</table>";
+	sHtml += "	</div>";
+
+	$("#addrMassDupli_layer").html(sHtml);
+	fn_dupliPopupShow();
+	
+}
 
 
 function fn_dupliPopupShow(){
-	$('#tableExcelDupliBtn').show()
+	$('#tableExcelDupliBtn').show();
 }
 
 //한국의 핸드폰 번호 형식 검사 함수

     var valid = /^(010|011|016|017|018|019)\d{7,8}$/.test(cleaned);
     return valid;
 }
+
+
+
 
 // 상단 설명 더보기 
 function popMore(e){

 
 </script>
 
+<!-- 중복전화번호 data-tooltip:addrMassDupli_layer -->
+<div class="tooltip-wrap">
+	<div class="popup-com addrMassDupli_layer" tabindex="0" data-tooltip-con="addrMassDupli_layer" data-focus="addrMassDupli_layer" data-focus-prev="addrMassDupli_layer-close" style="width: 270px; height: 500px;">
+		<div class="popup_heading">
+			<p>중복 휴대폰번호</p>
+			<button type="button" class="tooltip-close" data-focus="addrMassDupli_layer-close" onclick="setAddrDupliClose();"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+		</div>
+		<div class="layer_in" style="padding:20px 0px;" id="addrMassDupli_layer">
+		</div>
+		
+		<div class="popup_btn_wrap2" style="margin-top: 0px;">
+			<button type="button" class="tooltip-close" data-focus="addrMassDupli_layer-close" data-focus-next="addrMassDupli_layer">닫기</button>
+		</div>		
+		
+	</div>		
+</div>
+<!--// 중복전화번호 팝업 -->
 				<div class="popup_heading">
-					<p>주소록 대량등록</p>
-					<button type="button" class="tooltip-close" data-focus="popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+					<p>엑셀 불러오기</p>
+					<button type="button" class="tooltip-close" id="closeBtn" data-focus="popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
 			   </div>
 				<div class="layer_in" style="padding: 25px 30px;">
 <!-- 					<div class="list_tab_wrap2"> -->

 		                    </colgroup>
 		                    <tbody>
 		                        <tr>
-		                            <th>그룹 선택</th>
+		                            <!-- <th>그룹 선택</th>
 		                            <td>
 		                                <label for="" class="label">그룹 선택</label>
 		                                <select id="addrGrpIdInfo" name="addrGrpIdInfo">

 	                                    <input type="text" id="addrGrpNm" name="addrGrpNm" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'"class="inputLight" style="width: 300px;">
 		                                <input type="file" id="excelFile" accept=".xls, .xlsx, .txt" style="display:none"/>
 		                                <button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
+		                            </td> -->
+		                            <td colspan="2" style="padding:20px 0;">
+		                            	<div class="file_upload_wrap" style="width:100%;display:flex;">
+						                	<div class="file_add upload_area">
+												<p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요</p>
+											</div>
+											<input type="file" id="excelFile" accept=".xls, .xlsx, .txt" style="display:none"/>
+					                        <button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
+						                </div>
 		                            </td>
 		                        </tr>
 		                    </tbody>
 		                </table>
 	                </div>
-					<div class="file_add upload_area">
-						<p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요</p>
-					</div>
+	                
+					
 					<div class="excel_middle2">
 						<p>
-							총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건
+							총 <span class="c_e40000 fwBold" id="excelRowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="excelRowDupCnt">0</span>건
 							&nbsp; 
 							<button type="button" class="btnType btnType6" data-tooltip="addrMassDupli_layer" id="tableExcelDupliBtn">중복번호</button>
 <!-- 							&nbsp; -->

 					<div class="excel_middle">
 						<div class="select_btnWrap clearfix">
 							<div>
-								<button type="button" id="all_del"><i class="remove_img"></i>전체삭제</button>
+								<button type="button" id="allDel"><i class="remove_img"></i>전체삭제</button>
 								<button type="button" id="in_select_del"><i class="remove_img"></i>선택삭제</button>
 								<button type="button" id="chkVali_del"><i class="remove_img"></i>오류번호삭제</button>
 								<button type="button" id="check_validity">오류 검사 <i></i></button>

 						</div>
 	                </div>
 					<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
-						<button type="button" id="btnAddrMassReg">등록</button>
+						<button type="button" id="btnAddrMassReg">추가</button>
 						<button type="button" id="btnAddrMassClose" class="tooltip-close" data-focus="adr_popup01-close"  data-focus-next="popup02">닫기</button>                      
 					</div>
 				

a985ce5

9079e3f

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

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

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


 .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;}
 
-
+/* 주소록 대량등록  */
+.file_upload_wrap{position:relative;display:flex;justify-content:space-between;align-items:center;}
+.file_upload_wrap .file_add.upload_area{display:flex;width:78%;margin:0;align-items:center;justify-content:center;}
+.file_upload_wrap .file_add.upload_area p{display:block;}
+.file_upload_wrap  .btnType.c3{position:unset;height:82px;}
 
 
 /* ie */

Add a comment

Open 0
Closed 0

List

...	...	@@ -1030,7 +1030,6 @@
1030	1030	</div>
1031	1031	</div>
1032	1032	<!-- // 중복전화번호 팝업 -->
1033		- -->
1034	1033	<form name="addrMemoForm" name="addrMemoForm" method="post">
1035	1034	<input type="hidden" name="addrCheck" />
1036	1035	<input type="hidden" name="addrComment" />

...	...	@@ -32,7 +32,6 @@
32	32
33	33
34	34	var addrData = tableAddr.getData().map((row, index) => ({
35		- no: index+1,
36	35	name: row.addrName,
37	36	phone: removeDash(row.addrPhone),
38	37	rep1: row.addrRep1,

...	...	@@ -1195,7 +1195,11 @@
1195	1195	.layer_in .popup_search_type1 button { width:63px;}
1196	1196	.layer_in .gorup_join_cont .input_right.type1 {padding:0 0 0 30px; font-size:17px; font-weight:300;}
1197	1197
1198		-
	1198	+/* 주소록 대량등록 */
	1199	+.file_upload_wrap{position:relative;display:flex;justify-content:space-between;align-items:center;}
	1200	+.file_upload_wrap .file_add.upload_area{display:flex;width:78%;margin:0;align-items:center;justify-content:center;}
	1201	+.file_upload_wrap .file_add.upload_area p{display:block;}
	1202	+.file_upload_wrap .btnType.c3{position:unset;height:82px;}
1199	1203
1200	1204
1201	1205	/* ie */

...	...	@@ -54,13 +54,44 @@
54	54
55	55	$("#excelFile").on("change", function(event) {
56	56	var fileInfo = event.target.files;
57		- if(fileInfo.length > 0){
58		- excelFileChange(fileInfo[0]);
59		- }
	57	+ console.log('fileInfo.length : ', fileInfo.length);
	58	+ if(fileInfo.length > 0){
	59	+ excelFileChange(fileInfo[0]);
	60	+ } else {
	61	+ fn_loadRemoveActive(); // 파일이 선택되지 않은 경우 로딩 상태 제거
	62	+ $(this).val(''); // 파일 선택 초기화
	63	+ }
60	64	});
61	65
62	66
63	67
	68	+ $(document).on('click', '#btnAddrMassClose', function() {
	69	+ // 대량등록 닫기
	70	+ setAddrMassClose();
	71	+ });
	72	+
	73	+
	74	+ $(document).on('click', '#closeBtn', function() {
	75	+ // 대량등록 닫기
	76	+ setAddrMassClose();
	77	+ });
	78	+
	79	+
	80	+ // 엑셀등록 닫기
	81	+ function setAddrMassClose() {
	82	+ $tableExcel.clearData();
	83	+ $("#excelRowTotCnt").text(0); //총건수 수정
	84	+ $("#excelRowDupCnt").text(0); //중복건수 수정
	85	+ dupliPhoneDataRealList.length = 0; // 중복 휴대폰번호 초기화
	86	+ addrMassDupliSaveList = null;
	87	+
	88	+ $("#btnAddrMassDupli").hide();
	89	+ $('#tableExcelDupliBtn').hide();
	90	+// $("#btnAddrMassSaveDupli").hide();
	91	+// $('#closeBtn').click();
	92	+
	93	+ }
	94	+
64	95	//#############################################################################################
65	96	//파일업로드 드래그앤 드롭
66	97	//#############################################################################################
...	...	@@ -75,7 +106,7 @@
75	106	e.preventDefault();
76	107	});
77	108	$(document).on("drop",".upload_area",function(e){
78		-// fn_loadAddActive();
	109	+ fn_loadAddActive();
79	110	e.preventDefault();
80	111	var files = e.originalEvent.dataTransfer.files;
81	112	excelFileChange(files[0]);
...	...	@@ -103,95 +134,157 @@
103	134	//타이틀 select 선택 이벤트
104	135	$('.field-selector').on('change', function() {
105	136	fn_loadAddActive();
106		- var selectedFields = [];
107		- var isDuplicate = false;
108	137
109		- if($tableExcel.getData().length < 1){
110		- alert('데이터 입력 후 선택해 주세요.');
111		- $(this).val("");
112		- fn_loadRemoveActive();
113		- return false;
114		- }
115		-
116		- // 중복체크
117		- $('.field-selector').each(function() {
118		- var selectedField = $(this).val();
119		- if (selectedField) {
120		- if (selectedFields.includes(selectedField)) {
121		- alert("중복된 필드를 선택할 수 없습니다.");
122		- $(this).val(""); // 중복 필드를 선택한 경우 빈 값으로 초기화
123		- isDuplicate = true;
124		- return false; // 반복문 종료
125		- }
126		- selectedFields.push(selectedField);
	138	+ setTimeout(() => { // 파일 읽기 완료 후 실행되도록 함
	139	+ var selectedFields = [];
	140	+ var isDuplicate = false;
	141	+
	142	+ if($tableExcel.getData().length < 1){
	143	+ alert('데이터 입력 후 선택해 주세요.');
	144	+ $(this).val("");
	145	+ fn_loadRemoveActive();
	146	+ return false;
127	147	}
128		- });
	148	+
	149	+ // 중복체크
	150	+ $('.field-selector').each(function() {
	151	+ var selectedField = $(this).val();
	152	+ if (selectedField) {
	153	+ if (selectedFields.includes(selectedField)) {
	154	+ alert("중복된 필드를 선택할 수 없습니다.");
	155	+ $(this).val(""); // 중복 필드를 선택한 경우 빈 값으로 초기화
	156	+ isDuplicate = true;
	157	+ return false; // 반복문 종료
	158	+ }
	159	+ selectedFields.push(selectedField);
	160	+ }
	161	+ });
	162	+
	163	+
	164	+ //
	165	+ updateTableFields($tableExcel);
	166	+
	167	+ // 필드가 휴대폰이면 열 중복체크
	168	+ if($(this).val() == 'addrPhoneNo'){
	169	+ fn_phoneDupl($tableExcel);
	170	+ }
	171	+ fn_loadRemoveActive();
129	172
130		-
131		- //
132		- updateTableFields($tableExcel);
133		-
134		- // 필드가 휴대폰이면 열 중복체크
135		- if($(this).val() == 'addrPhoneNo'){
136		- fn_phoneDupl($tableExcel);
137		- }
138		- fn_loadRemoveActive();
139		-
	173	+ }, 0); // 지연 없이 즉시 실행되도록 0ms 지연을 설정
140	174	});
141	175
142	176
143	177
144		- // 받는사람 선택삭제 버튼 처리해주기
145		- $('#in_select_del').click(function(){
	178	+ // 받는사람 선택삭제 버튼 처리해주기
	179	+ $('#in_select_del').click(function(){
	180	+
	181	+ if($tableExcel == null \|\| $tableExcel == ""){
146	182
147		- if(tableL == null \|\| tableL == ""){
	183	+ alert("받는사람을 추가해 주세요.");
	184	+ return false;
	185	+
	186	+ }
	187	+
	188	+ var selectedData = $tableExcel.getSelectedRows();
	189	+
	190	+ if(selectedData == "" \|\| selectedData == null){
	191	+
	192	+ alert("삭제할 연락처를 선택해주세요.");
	193	+ return false;
	194	+
	195	+ }else{ // 선택한 Row 데이터 삭제하기
	196	+
	197	+ if(confirm("선택하신 받는 사람을 삭제하시겠습니까?")){
148	198
149		- alert("받는사람을 추가해 주세요.");
150		- return false;
151		-
	199	+ // 선택 데이터 삭제
	200	+ selectedData.forEach(row => row.delete());
	201	+
	202	+
	203	+ totRows = $tableExcel.getRows().length;
	204	+ $("#excelRowTotCnt").text(totRows);
	205	+
	206	+
152	207	}
153		-
154		- var selectedData = tableL.getSelectedRows();
155		-
156		- if(selectedData == "" \|\| selectedData == null){
157		-
158		- alert("삭제할 연락처를 선택해주세요.");
159		- return false;
160		-
161		- }else{ // 선택한 Row 데이터 삭제하기
162		-
163		- if(confirm("선택하신 받는 사람을 삭제하시겠습니까?")){
164		-
165		- // 선택 데이터 삭제
166		- selectedData.forEach(row => row.delete());
167		-
168		-
169		- totRows = tableL.getRows().length;
170		- updateTotCnt(totRows);
171		-
172		- var smsTxtArea = $('#smsTxtArea').val();
173		-
174		- //일괄변환 문구 결제금액 처리
175		- if(smsTxtArea.indexOf("[이름]") > -1
176		- \|\| smsTxtArea.indexOf("[1]") > -1
177		- \|\| smsTxtArea.indexOf("[2]") > -1
178		- \|\| smsTxtArea.indexOf("[3]") > -1
179		- \|\| smsTxtArea.indexOf("[4]") > -1){
180		-
181		- fnReplCell();
182		- }else{
183		- //결제 금액 구하기
184		- totalPriceSum(totRows);
185		- }
186		-
187		- }
188	208
189		- }
	209	+ }
	210	+
	211	+ });
	212	+
	213	+ // 추가버튼
	214	+ $('#btnAddrMassReg').click(function(){
	215	+
	216	+ if($tableExcel.getData().length < 1){
	217	+ alert("한 개 이상의 연락처를 입력하세요");
	218	+ return false;
	219	+ }
	220	+// else if (selectedData.length > 20000) {
	221	+// alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
	222	+// return false;
	223	+// }
	224	+
	225	+
	226	+ // tableExcel 그룹의 select 요소들을 확인
	227	+// var isPhoneSelected = false;
	228	+// var isNameSelected = false;
	229	+ var columns = $tableExcel.getColumns();
	230	+ var isAddrPhoneNoSelected = columns.some(column => column.getField() === 'addrPhoneNo');
	231	+
	232	+ if (!isAddrPhoneNoSelected) {
	233	+// isPhoneSelected = true;
	234	+ alert('휴대폰이 선택되지 않았습니다.');
	235	+ return false;
	236	+
	237	+ }
	238	+
	239	+ console.log('$tableExcel : ' ,$tableExcel);
	240	+ var addrData = $tableExcel.getData().map((row, index) => ({
	241	+ name: row.addrNm,
	242	+ phone: removeDash(row.addrPhoneNo),
	243	+ rep1: row.addrInfo1,
	244	+ rep2: row.addrInfo2,
	245	+ rep3: row.addrInfo3,
	246	+ rep4: row.addrInfo4,
	247	+ }));
	248	+
	249	+ tableL.setData(addrData);
	250	+
	251	+ var totRows = tableL.getRows().length;
	252	+ updateTotCnt(totRows); //전체 데이터 갯수 구하기
	253	+ console.log('totRows : ', totRows);
	254	+ var smsTxtArea = $('#smsTxtArea').val();
	255	+ if(smsTxtArea.indexOf("[이름]") > -1
	256	+ \|\| smsTxtArea.indexOf("[1]") > -1
	257	+ \|\| smsTxtArea.indexOf("[2]") > -1
	258	+ \|\| smsTxtArea.indexOf("[3]") > -1
	259	+ \|\| smsTxtArea.indexOf("[4]") > -1){
190	260
191		- });
	261	+ fnReplCell();
	262	+
	263	+ }else{
	264	+
	265	+ //결제 금액 구하기
	266	+ totalPriceSum(totRows);
	267	+
	268	+ }
	269	+
	270	+ setAddrMassClose();
	271	+ });
	272	+
192	273
193		-
194		-
	274	+
	275	+ //받는사람 전체삭제 버튼 처리
	276	+ $('#allDel').click(function(){
	277	+ var data = $tableExcel.getRows();
	278	+ $tableExcel.clearData();
	279	+ $("#excelRowTotCnt").text(0); //총건수 수정
	280	+ $("#excelRowDupCnt").text(0); //중복건수 수정
	281	+ dupliPhoneDataRealList.length = 0; // 중복 휴대폰번호 초기화
	282	+
	283	+ // select box 초기화
	284	+ $('.field-selector').each(function() { $(this).val(''); });
	285	+
	286	+ });
	287	+
195	288
196	289
197	290	});
...	...	@@ -285,8 +378,8 @@
285	378	]);
286	379
287	380	$tableExcel.setData(tableData).then(() => {
288		- // rowTotCnt 업데이트
289		- document.getElementById("rowTotCnt").innerText = tableData.length;
	381	+ // excelRowTotCnt 업데이트
	382	+ document.getElementById("excelRowTotCnt").innerText = tableData.length;
290	383	});
291	384
292	385	fn_loadRemoveActive();
...	...	@@ -366,7 +459,7 @@
366	459	alert('휴대폰 형식에 맞지 않는 데이터가 있습니다.\n 확인해 주세요');
367	460	}
368	461
369		- $("#rowDupCnt").text(dupliPhoneDataRealList.length);
	462	+ $("#excelRowDupCnt").text(dupliPhoneDataRealList.length);
370	463
371	464	if (dupliPhoneDataRealList.length > 0) {
372	465	// alert("중복된 휴대폰 번호가 있습니다: \n" + duplicatePhones.join(", "));
...	...	@@ -380,14 +473,45 @@
380	473
381	474	// 고유한 데이터만 남기고 테이블 업데이트
382	475	$objTabul.setData(rowsToKeep);
383		- $("#rowTotCnt").text(rowsToKeep.length);
	476	+ $("#excelRowTotCnt").text(rowsToKeep.length);
384	477	}
385	478
386	479
	480	+function fn_dupliPopupShow(){
	481	+
	482	+ $("#tableExcelDupliBtn").show();
	483	+}
	484	+
	485	+function makeAddrMassDupliPop(dupliPhoneDataRealList) {
	486	+ var sHtml = "";
	487	+ sHtml += "<div class='' style='overflow-x:auto; height:350px;'>";
	488	+ sHtml += "<table class='tType4'>";
	489	+ sHtml += " <colgroup>";
	490	+ sHtml += " <col style='width:auto' />";
	491	+ sHtml += " </colgroup>";
	492	+ sHtml += " <thead>";
	493	+ sHtml += " <tr>";
	494	+ sHtml += " <th>중복 휴대폰번호 (" + numberWithCommas(dupliPhoneDataRealList.length) + "개)</th>";
	495	+ sHtml += " </tr>";
	496	+ sHtml += " </thead>";
	497	+ sHtml += " <tbody>";
	498	+ for (var i = 0; i < dupliPhoneDataRealList.length; i++) {
	499	+ sHtml += " <tr>";
	500	+ sHtml += " <td>" + dupliPhoneDataRealList[i] + "</td>";
	501	+ sHtml += " </tr>";
	502	+ }
	503	+ sHtml += " </tbody>";
	504	+ sHtml += " </table>";
	505	+ sHtml += " </div>";
	506	+
	507	+ $("#addrMassDupli_layer").html(sHtml);
	508	+ fn_dupliPopupShow();
	509	+
	510	+}
387	511
388	512
389	513	function fn_dupliPopupShow(){
390		- $('#tableExcelDupliBtn').show()
	514	+ $('#tableExcelDupliBtn').show();
391	515	}
392	516
393	517	//한국의 핸드폰 번호 형식 검사 함수
...	...	@@ -398,6 +522,9 @@
398	522	var valid = /^(010\|011\|016\|017\|018\|019)\d{7,8}$/.test(cleaned);
399	523	return valid;
400	524	}
	525	+
	526	+
	527	+
401	528
402	529	// 상단 설명 더보기
403	530	function popMore(e){
...	...	@@ -414,9 +541,26 @@
414	541
415	542	</script>
416	543
	544	+<!-- 중복전화번호 data-tooltip:addrMassDupli_layer -->
	545	+<div class="tooltip-wrap">
	546	+ <div class="popup-com addrMassDupli_layer" tabindex="0" data-tooltip-con="addrMassDupli_layer" data-focus="addrMassDupli_layer" data-focus-prev="addrMassDupli_layer-close" style="width: 270px; height: 500px;">
	547	+ <div class="popup_heading">
	548	+ <p>중복 휴대폰번호</p>
	549	+ <button type="button" class="tooltip-close" data-focus="addrMassDupli_layer-close" onclick="setAddrDupliClose();"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	550	+ </div>
	551	+ <div class="layer_in" style="padding:20px 0px;" id="addrMassDupli_layer">
	552	+ </div>
	553	+
	554	+ <div class="popup_btn_wrap2" style="margin-top: 0px;">
	555	+ <button type="button" class="tooltip-close" data-focus="addrMassDupli_layer-close" data-focus-next="addrMassDupli_layer">닫기</button>
	556	+ </div>
	557	+
	558	+ </div>
	559	+</div>
	560	+<!--// 중복전화번호 팝업 -->
417	561	<div class="popup_heading">
418		- <p>주소록 대량등록</p>
419		- <button type="button" class="tooltip-close" data-focus="popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	562	+ <p>엑셀 불러오기</p>
	563	+ <button type="button" class="tooltip-close" id="closeBtn" data-focus="popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
420	564	</div>
421	565	<div class="layer_in" style="padding: 25px 30px;">
422	566	<!-- <div class="list_tab_wrap2"> -->
...	...	@@ -459,7 +603,7 @@
459	603	</colgroup>
460	604	<tbody>
461	605	<tr>
462		- <th>그룹 선택</th>
	606	+ <!-- <th>그룹 선택</th>
463	607	<td>
464	608	<label for="" class="label">그룹 선택</label>
465	609	<select id="addrGrpIdInfo" name="addrGrpIdInfo">
...	...	@@ -468,17 +612,25 @@
468	612	<input type="text" id="addrGrpNm" name="addrGrpNm" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'"class="inputLight" style="width: 300px;">
469	613	<input type="file" id="excelFile" accept=".xls, .xlsx, .txt" style="display:none"/>
470	614	<button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
	615	+ </td> -->
	616	+ <td colspan="2" style="padding:20px 0;">
	617	+ <div class="file_upload_wrap" style="width:100%;display:flex;">
	618	+ <div class="file_add upload_area">
	619	+ <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요</p>
	620	+ </div>
	621	+ <input type="file" id="excelFile" accept=".xls, .xlsx, .txt" style="display:none"/>
	622	+ <button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
	623	+ </div>
471	624	</td>
472	625	</tr>
473	626	</tbody>
474	627	</table>
475	628	</div>
476		- <div class="file_add upload_area">
477		- <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요</p>
478		- </div>
	629	+
	630	+
479	631	<div class="excel_middle2">
480	632	<p>
481		- 총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건
	633	+ 총 <span class="c_e40000 fwBold" id="excelRowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="excelRowDupCnt">0</span>건
482	634
483	635	<button type="button" class="btnType btnType6" data-tooltip="addrMassDupli_layer" id="tableExcelDupliBtn">중복번호</button>
484	636	<!--   -->
...	...	@@ -594,7 +746,7 @@
594	746	<div class="excel_middle">
595	747	<div class="select_btnWrap clearfix">
596	748	<div>
597		- <button type="button" id="all_del"><i class="remove_img"></i>전체삭제</button>
	749	+ <button type="button" id="allDel"><i class="remove_img"></i>전체삭제</button>
598	750	<button type="button" id="in_select_del"><i class="remove_img"></i>선택삭제</button>
599	751	<button type="button" id="chkVali_del"><i class="remove_img"></i>오류번호삭제</button>
600	752	<button type="button" id="check_validity">오류 검사 <i></i></button>
...	...	@@ -618,7 +770,7 @@
618	770	</div>
619	771	</div>
620	772	<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
621		- <button type="button" id="btnAddrMassReg">등록</button>
	773	+ <button type="button" id="btnAddrMassReg">추가</button>
622	774	<button type="button" id="btnAddrMassClose" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
623	775	</div>
624	776

Delete comment