Commit @cabf73ad986474eaab28b711cceaf642f9789c26

이호영 2024-07-25

주소록 진행중

@cabf73ad986474eaab28b711cceaf642f9789c26

c60d29f

cabf73a

src/main/java/itn/let/mjo/addr/web/AddrController.java

--- src/main/java/itn/let/mjo/addr/web/AddrController.java

+++ src/main/java/itn/let/mjo/addr/web/AddrController.java


 		return "/web/addr/AddrListAjax";
 	}
 	
+	
+
+	@RequestMapping("/web/mjon/addr/addrListforExcelAjax.do")
+	public String AddrListforExcel(HttpServletRequest request, ModelMap model, 
+			@ModelAttribute("searchVO") AddrVO addrVO) throws Exception {
+			
+			return "/web/addr/addrListforExcel";
+	}
 	/**
 	 * 사용자 주소록 중복 리스트 Ajax
 	 * @param request

cabf73a

src/main/java/itn/let/mjo/addr/web/AddrRestController.java (added)

+++ src/main/java/itn/let/mjo/addr/web/AddrRestController.java

...	...	@@ -0,0 +1,117 @@
	1	+package itn.let.mjo.addr.web;
	2	+
	3	+import java.time.LocalDateTime;
	4	+import java.util.ArrayList;
	5	+import java.util.List;
	6	+
	7	+import javax.annotation.Resource;
	8	+
	9	+import org.springframework.http.HttpStatus;
	10	+import org.springframework.http.ResponseEntity;
	11	+import org.springframework.ui.ModelMap;
	12	+import org.springframework.web.bind.annotation.ModelAttribute;
	13	+import org.springframework.web.bind.annotation.RequestBody;
	14	+import org.springframework.web.bind.annotation.RequestMapping;
	15	+import org.springframework.web.bind.annotation.RestController;
	16	+import org.springframework.web.servlet.ModelAndView;
	17	+import org.springframework.web.servlet.mvc.support.RedirectAttributes;
	18	+
	19	+import egovframework.rte.fdl.security.userdetails.util.EgovUserDetailsHelper;
	20	+import itn.com.cmm.EgovMessageSource;
	21	+import itn.com.cmm.LoginVO;
	22	+import itn.com.utl.fcc.service.EgovStringUtil;
	23	+import itn.let.fax.admin.service.FaxStatVO;
	24	+import itn.let.mail.service.StatusResponse;
	25	+import itn.let.mjo.addr.service.AddrGroupService;
	26	+import itn.let.mjo.addr.service.AddrGroupVO;
	27	+import itn.let.mjo.addr.service.AddrService;
	28	+import itn.let.mjo.addr.service.AddrVO;
	29	+
	30	+/**
	31	+ * 주소록 관한 controller 클래스를 정의한다.
	32	+ * @author ITN
	33	+ * @since 2021.04.08
	34	+ * @version 1.0
	35	+ * @see
	36	+ *
	37	+ * <pre>
	38	+ * << 개정이력(Modification Information) >>
	39	+ *
	40	+ * 수정일 수정자 수정내용
	41	+ * ------- -------- ---------------------------
	42	+ * 2021.04.08 ITN 최초 생성
	43	+ *
	44	+ * </pre>
	45	+ */
	46	+@RestController
	47	+public class AddrRestController {
	48	+
	49	+
	50	+ @Resource (name = "AddrService")
	51	+ private AddrService addrService;
	52	+
	53	+ @Resource (name = "AddrGroupService")
	54	+ private AddrGroupService addrGroupService;
	55	+
	56	+ /** EgovMessageSource */
	57	+ @Resource(name="egovMessageSource")
	58	+ EgovMessageSource egovMessageSource;
	59	+
	60	+
	61	+
	62	+ /**
	63	+ * 주소록 대량등록 저장
	64	+ * @param searchVO
	65	+ * @param model
	66	+ * @return "/web/mjon/addr/addrMassInsertByTempAjax.do"
	67	+ * @throws Exception
	68	+ */
	69	+ @RequestMapping(value= {"/web/mjon/addr/addrMassInsertByTempAjax_advc.do"})
	70	+ public ResponseEntity<StatusResponse> addrMassInsertByTempAjax(@RequestBody List<AddrVO> addrListVO,
	71	+ RedirectAttributes redirectAttributes,
	72	+ ModelMap model) throws Exception{
	73	+
	74	+
	75	+ System.out.println("??");
	76	+ System.out.println("?? " + addrListVO.get(0).toString());
	77	+
	78	+ return ResponseEntity.ok().body(new StatusResponse(HttpStatus.OK, "", LocalDateTime.now()));
	79	+ }
	80	+
	81	+ /* 바이트 자르기
	82	+ UTF-8일 경우
	83	+ subStringBytes("블라블라블라라", 10, 3);
	84	+ EUC-KR일 경우
	85	+ subStringBytes("블라블라블라라", 10, 2);
	86	+ */
	87	+ public String subStringBytes(String str, int byteLength, int sizePerLetter) {
	88	+ int retLength = 0;
	89	+ int tempSize = 0;
	90	+ int asc;
	91	+ if (str == null \|\| "".equals(str) \|\| "null".equals(str)) {
	92	+ str = "";
	93	+ }
	94	+
	95	+ int length = str.length();
	96	+
	97	+ for (int i = 1; i <= length; i++) {
	98	+ asc = (int) str.charAt(i - 1);
	99	+ if (asc > 127) {
	100	+ if (byteLength >= tempSize + sizePerLetter) {
	101	+ tempSize += sizePerLetter;
	102	+ retLength++;
	103	+ }
	104	+ } else {
	105	+ if (byteLength > tempSize) {
	106	+ tempSize++;
	107	+ retLength++;
	108	+ }
	109	+ }
	110	+ }
	111	+
	112	+ return str.substring(0, retLength);
	113	+ }
	114	+
	115	+
	116	+
	117	+}(No newline at end of file)

c60d29f

cabf73a

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

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

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


 
 <script type="text/javascript" src="<c:url value='/publish/js/content.js'/>"></script>
 <script type="text/javascript" src="https://oss.sheetjs.com/sheetjs/xlsx.full.min.js"></script>
+<script type="text/javascript" src="<c:url value='/js/web/addr/init.js'/>"></script>
+<script type="text/javascript" src="<c:url value='/js/web/addr/event.js'/>"></script>
+<script type="text/javascript" src="<c:url value='/js/web/addr/utils.js'/>"></script>
+
 
 <script type="text/javascript">
-var tableErrorData = [];
-var tableErrorCheckData = [];
-var addrMassDupliSaveList = null;
-
-var gArrRestartIndex = 0;	//배열 재시작카운드
-var gNameList = [];		//치환문자 이름
-var gPhoneList = [];	//받는사람
-var gInfo1List = [];		//치환문자1
-var gInfo2List = [];		//치환문자2
-var gInfo3List = [];		//치환문자3
-var gInfo4List = [];		//치환문자4
-var gMemoList = [];			//메모
 
 $(document).ready(function(){
 	listAddrGrp();
 	addrLoadAjax();
 	
 	// 주소록 대량등록
-	addrMassTab(1);	
+// 	addrMassTab(1);	
 	
 	// 중복 휴대폰번호 버튼 노출여부
-	$("#btnAddrMassDupli").hide();
-	$("#btnAddrMassSaveDupli").hide();
 }); 
 
+// 메인 화면 좌측메뉴 최신화
 function listAddrGrp(){
 	var sendData = $(document.searchAddrGrpForm).serializeArray() ;
 	$("#adr1_left").load("/web/addr/selectAddrGroupListAjax.do", sendData ,function(response, status, xhr){});
 }
+
 
 function addrGroupLoadAjax(){
 	$("#addrRegistSelect").load("/web/addr/selectAddrGroupAjax.do", function(response, status, xhr){});

 //#############################################################################################
 //Tabulator
 //#############################################################################################
-var tableR = null; //우측 주소록 불러오기 Tabulator 변수
-
-/* 파일등록 */
-var _fileIdx = 0;
-var _fileForm2 = new Array();
-var fileExt = ""; // 첨부파일 확장자
-var excelAddr = []; //엑셀 불러오기에서 내용 저장하는 배열 변수
 
 $(document).ready(function(){
-	//Tabulator AJAX Data Loading
-	tableR = new Tabulator(".callList_box", {
-		height:"255px",
-		width:"100%",
-	    layout:"fitColumns",
-	    //data:tabledata,
-	    //autoColumns:true,
-	    headerHozAlign:"center",
-	    validationMode:"highlight",
-	    clipboard:false,
-	    clipboardCopySelector:"table",
-	    clipboardPasteAction:"insert", // insert, update, replace
-	    placeholder:"복사(Ctrl+C)한 내용을 여기에 붙여넣기(Ctrl+V) 해주세요.", //fit columns to width of table (optional)
-	 	columns:[ //Define Table Columns
-	 		{formatter:"rowSelection", titleFormatter:"rowSelection",clipboard:false, hozAlign:"center", headerSort:false, cellClick:function(e, cell){
-	 	        cell.getRow().toggleSelect();
-		 		}
-		 	}, 
-		 	{title:"이름", hozAlign:"center", field:"name", editor:"input", width:140, validator:["maxLength:12", "string"]},
-		 	{title:"휴대폰", hozAlign:"center", field:"phone", editor:"input", width:145, validator:["required","minLength:10", "maxLength:13"]},
-		 	{title:"[*1*]", hozAlign:"center", field:"info1", editor:"input", width:100, validator:["maxLength:100", "string"]},
-		 	{title:"[*2*]", hozAlign:"center", field:"info2", editor:"input", width:100, validator:["maxLength:100", "string"]},
-		 	{title:"[*3*]", hozAlign:"center", field:"info3", editor:"input", width:100, validator:["maxLength:100", "string"]},
-		 	{title:"[*4*]", hozAlign:"center", field:"info4", editor:"input", width:100, validator:["maxLength:100", "string"]},
-		 	{title:"메모", hozAlign:"center", field:"memo", editor:"input", width:119, validator:["maxLength:100", "string"]}
-	 	],
-	 	validationFailed:function(cell, value, parameters){ // 유효성 체크 함수 
-	        var valid = cell.isValid();
-	 		if(!valid){
-	 			alert("양식에 맞지 않는 정보가 입력되었습니다.");
-	 			
-	 			//해당 셀 데이터 삭제
-	 			cell.setValue("");
-	 		}
-	 		return value % parameters.phone;
-	    },
-	});
+	
+
 
 	//받는 사람 리스트 영역에 클립보드 데이터 가져와보기 
-	$('.callList_box').on('paste', function (e) {
-		var element = e.originalEvent.clipboardData.getData('text'); // 클립보드에 복사한 데이터 가져오기
-		var elmSplit= [];
-		elmSplit = element.split("\n");
-		var elmLen = elmSplit.length;
-		if(elmLen < 0){
-			alert("붙여넣을 연락처를 복사해주세요.");
-			return false;
-		}else{
-			if (elmLen > 20001) {
-				alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
-				return false;
-			}			
-			
-			tableErrorData.length = 0;	// 오류 번호 배열 초기화
+	// 붙여넣기 기능
+	
+	
 
-			var splitData = [];
-			var realPhone = [];
-			for(var i=0; i < elmLen; i++){
-				var splitStr = elmSplit[i];
-				var tabData = splitStr.split("\t"); //탭 구분으로 데이터 분할
-				var comData = splitStr.split(","); //콤마 구분으로 데이터 분할
-				if(tabData.length >= 2){
-					splitData = tabData;
-				}else{
-					splitData = comData;
-				}
-				
-				if(splitData.length == 0){// 데이터가 없는경우
-					alert("탭으로 구분하여 데이터를 복사해 주세요.");
-				  	return false;
-				}else if(splitData.length == 1){// 데이터가 탭으로 구분이 없는 경우
-					for(var j=0; j < splitData.length; j++){
-						if(checkHpNum(splitData[j].trim())){//핸드폰 양식이 맞는지 확인
-							//배열 끝에 데이터 추가해 주기
-							realPhone.push({name: "", phone: removeDash(splitData[j].trim())});
-						}
-						else {
-							if (splitData[j].trim() != '' && splitData[j].trim() != null && splitData[j].trim() != undefined) {
-								tableErrorData.push(splitData[j].trim());
-							}							
-						}
-					}
-				}else{//데이터가 탭으로 구분되어 이름, 연락처로 구분된 경우
-					var name;	//이름
-					var phone;	//핸드폰번호					
-					var info1;
-					var info2;
-					var info3;
-					var info4;
-					var memo;	//메모
-					var isPhoneValid = false;
-					for(var j=0; j < splitData.length; j++){
-						if(j == 0){
-							name = splitData[j].trim();
-						}
-						if(j == 1){
-							if(checkHpNum(splitData[j].trim())){//핸드폰 양식이 맞는지 확인
-								phone = removeDash(splitData[j].trim());
-								isPhoneValid = true;
-							}
-							else {
-								if (splitData[j].trim() != '' && splitData[j].trim() != null && splitData[j].trim() != undefined) {
-									tableErrorData.push(splitData[j].trim());
-								}
-							}
-						}
-						
-						if(j == 2){
-							info1 = splitData[j].trim();
-						}
-						if(j == 3){
-							info2 = splitData[j].trim();
-						}
-						if(j == 4){
-							info3 = splitData[j].trim();
-						}
-						if(j == 5){
-							info4 = splitData[j].trim();
-						}						
-						
-						if(j == 6){	//메모
-							memo = splitData[j].trim();
-						}
-					}
-					
-					if (isPhoneValid == true) {
-						//배열 끝에 데이터 추가해 주기
-						realPhone.push({name: name, phone: phone, info1 : info1, info2 : info2, info3 : info3, info4 : info4, memo : memo });
-					}
-				}//else end
-			}
-			
-			var recTableData = tableR.getRows();		 // 받는사람 리스트의 전체 목록을 저장
-			var tableData = [];
-			
-			//기존 받는사람 리스트를 배열에 미리 담아둔다.
-			if(recTableData.length > 0){
-				for(var j=0; j < recTableData.length; j++){
-					tableData.push({name: recTableData[j].getData().name, phone: removeDash(recTableData[j].getData().phone.trim()), info1: recTableData[j].getData().info1, info2: recTableData[j].getData().info2, info3: recTableData[j].getData().info3, info4: recTableData[j].getData().info4, memo: recTableData[j].getData().memo});
-				}
-			}
-			
-			if(realPhone.length > 0){
-				for(var j=0; j < realPhone.length; j++){
-					tableData.push({name: realPhone[j].name, phone: removeDash(realPhone[j].phone.trim()), info1: realPhone[j].info1, info2: realPhone[j].info2, info3: realPhone[j].info3, info4: realPhone[j].info4, memo: realPhone[j].memo});
-				}
-			}
-			
-			//tableData.push(realPhone);
-				
-			//중복 연락처 1개만 남기고 삭제하기
-			var removeDuplPhone = dupliPhoneData(tableData);
-			  
-			//수신자 리스트에 전화번호 추가해주기
-			//tableR.addData(removeDuplPhone);
-			tableR.setData(removeDuplPhone);
-			
-			totRows = tableR.getRows().length; 
-			updateTotCnt(totRows); //전체 데이터 갯수 구하기
-			
-			if (tableErrorData.length > 0) {
-				alert("올바르지 않은 휴대폰 번호가 "+ tableErrorData.length +" 건 있습니다.");
-				//for(var x=0; x < tableErrorData.length; x++){
-				//	alert(tableErrorData[x]);
-				//}
-			}
-		}
-	});
-
-	//tableR.setData(tabledata);
-
-	//받는사람 번호 버튼 클릭시 Tabulator에 데이터 넣어주기
-	$('.addCallToF').click(function(){ 
-		var recTableData = tableR.getRows();		 // 받는사람 리스트의 전체 목록을 저장
-		var tableData = [];
-
-		//빈 Row 한줄을 상단에 먼저 추가해준다.
-		tableData.push({phone: ""});
-		
-		//기존 받는사람 리스트를 배열에 미리 담아둔다.
-		if(recTableData.length > 0){
-			for(var j=0; j < recTableData.length; j++){
-				tableData.push({name: recTableData[j].getData().name, phone: removeDash(recTableData[j].getData().phone.trim()), info1: recTableData[j].getData().info1, info2: recTableData[j].getData().info2, info3: recTableData[j].getData().info3, info4: recTableData[j].getData().info4, memo: recTableData[j].getData().memo});
-			}
-		}
-		
-		//연락처 추가해 주기
-		//addPhoneInfo(tabledata);
-		
-		tableR.setData(tableData);
-		
-		//전체 데이터 갯수 구하기
-	    totRows = tableR.getRows().length;
-	    updateTotCnt(totRows);
-	});
+// 	// 필드 선택 이벤트 핸들러
+// 	$("#column-selector").on("change", function() {
+// 		let selectedField = $(this).val();
+// 		let newValue = prompt("새 값을 입력하세요:");
+// 		if (newValue !== null) {
+// 			updateTableField(selectedField, newValue);
+// 		}
+// 	});
 
 
-	//받는사람 전체삭제 버튼 처리
-	$('.all_del').click(function(){
-		var data = tableR.getRows();	
-		if(data == null || data == ""){
-			alert("받는사람을 추가해 주세요.");
-			return false;
-		}else{
-			tableR.clearData();
-			$("#rowTotCnt").text(0); //총건수 수정
-			$("#rowDupCnt").text(0); //중복건수 수정
-			dupliPhoneDataRealList.length = 0;	// 중복 휴대폰번호 초기화
-		}
-		
-	});
 
 
-	// 받는사람 선택삭제 버튼 처리해주기
-	$('.select_del').click(function(){
-		$("#rowDupCnt").text(0); //중복건수 수정
-		dupliPhoneDataRealList.length = 0;	// 중복 휴대폰번호 초기화
-		
-		if(tableR == null || tableR == ""){
-			alert("받는사람을 추가해 주세요.");
-			return false;
-		}
-		
-		var selectedData = tableR.getSelectedRows();
-		
-		if(selectedData == "" || selectedData == null){
-			alert("받는 사람을 선택해 주세요.");
-			return false;
-		}else{ // 선택한 Row 데이터 삭제하기
-			for(var i=0; i < selectedData.length; i++){
-				selectedData[i].delete();
-			}
-		}
-		
-		totRows = tableR.getRows().length;
-	    
-		updateTotCnt(totRows);
-	});
-
-	//받는사람 오류번호 삭제 처리해주기
-	$('.chkVali_del').click(function(){
-		//기존 연락처 모두 불러오기
-	    var data = tableR.getRows();
-	    var tableData = [];
-	    var totLen = tableR.getRows().length;
-	    var errCnt = 0;
-	    
-	    if(totLen > 0){
-	    	if(confirm("올바르지 않은 연락처 정보를 삭제 하시겠습니까?")){
-	    		for(var i=0; i < totLen; i++){
-	            	var phone = data[i].getData().phone;
-	            	var valiCheck = checkHpNum(phone);
-	            	if(valiCheck){
-	            		tableData.push({name: data[i].getData().name.trim(), phone: data[i].getData().phone.trim(), info1:data[i].getData().info1, info2:data[i].getData().info2, info3:data[i].getData().info3, info4:data[i].getData().info4, memo:data[i].getData().memo});
-	            	}else{
-	            		errCnt++;
-	            	}
-	            }
-	            
-	            var removeDuplData = dupliPhoneData(tableData);
-	        	
-	            tableR.setData(removeDuplData);
-	            
-	            //총 받는사람 수 계산
-	            totRows = tableR.getRows().length;
-	            updateTotCnt(totRows);
-	            
-	          	if(errCnt > 0){
-	          		alert(errCnt + " 건의 연락처를 삭제하였습니다.");
-	          		return false;
-	          	}else{
-	          		alert("오류가 있는 연락처가 없습니다.");
-	          	}
-	    	}
-	    }else{
-	    	alert("연락처 정보를 입력해 주세요.");
-	    	return false;
-	    }
-	});
-
-
+	
 	// 오류검사 항목 중복제거
 	function SetTableErrorDupliCheck(sVal) {
 		var isDuplicate = false;

 		}
 	}	
 	
-	$('.check_validity').click(function(){
-		tableErrorCheckData.length = 0;	// 오류 번호 배열 초기화
-		
-		var data = tableR.getRows();
-		var invalid = tableR.getInvalidCells();		//오류 데이터 체크
-		var dataLen = tableR.getRows().length;		//연락처 데이터 갯수
-		var totLen = invalid.length;				//오류 데이터 갯수
-		var errMsg = "";							//최종 alert에 표시할 메시지 저장 변수
-		
-		if(dataLen > 0) { //연락처 정보가 있으면 수행
-			if(totLen > 0) { //내용에 오류가 있으면 수행
-				//오류 데이터 값 저장
-				for(var i=0; i < totLen; i++) {
-					var cellValue = invalid[i].getValue();
-					SetTableErrorDupliCheck(cellValue);
-				}
-				
-				for(var i=0; i < dataLen; i++){
-					// 휴대폰번호 체크
-		        	var phone = data[i].getData().phone;
-		        	var valiCheck = checkHpNum(phone);
-		        	if(!valiCheck){
-		        		SetTableErrorDupliCheck(phone);
-		        	}
-				}
-			}
-			else {
-				for(var i=0; i < dataLen; i++){
-					// 휴대폰번호 체크
-		        	var phone = data[i].getData().phone;
-		        	var valiCheck = checkHpNum(phone);
-		        	if(!valiCheck){
-		        		SetTableErrorDupliCheck(phone);
-		        	}
-				}				
-			}
-		}
-		else {
-			alert("연락처를 입력해 주세요.");
-			return false;
-		}
-		
-		if (tableErrorCheckData.length > 0) {
-			for (var i = 0; i < tableErrorCheckData.length; i++)
-			{
-				errMsg += tableErrorCheckData[i];
-				if ((tableErrorCheckData.length - 1) > i) {
-					errMsg += ", ";
-				}
-			}			
-    		alert(errMsg + "의 내용에 오류가 있습니다.");			
-		}
-		else {
-			alert("오류 데이터가 없습니다.");			
-		}
-		
-		return false;		
-	});
 	
 
-	$('.addExcelDw').click(function(){
-		var data = tableR.getRows();
-		if(data.length > 0){
-			tableR.download("xlsx", "recieveAddr.xlsx", {sheetName:"recieveAddr"});
-		}else{
-			alert("입력된 연락처 정보가 없습니다.");
-			return false;
-		}
-	});
-
-	//받는사람 중복 삭제
-	$('.duple_del').click(function(){
-		//기존 연락처 모두 불러오기
-	    var data = tableR.getRows();
-	    var tableData = [];
-	    var dpCnt = 0;
-	    var totLen = tableR.getRows().length;
-	    
-	    for(var i=0; i < totLen; i++){
-	    	tableData.push({name: data[i].getData().name.trim(), phone: data[i].getData().phone.trim()});
-	    }
-	    
-	    var removeDuplData = dupliPhoneData(tableData);
-	    tableR.setData(removeDuplData);
-	    
-	    //총 받는사람 수 계산
-	    totRows = tableR.getRows().length;
-	    updateTotCnt(totRows);
-	});	
-	
 	
 });
 
-
-//전체 데이터 갯수 구하는 함수
-function updateTotCnt(data){
-	var rowTotCnt = data;
-	$("#rowTotCnt").text(rowTotCnt);
-}
-
-function addPhoneInfo(data){
-	if(data == null){
-		alert("연락처 정보가 없습니다.");
-		return;
-	}else{
-		var idx = 0;
-		var newData = data;//중복 연락처는 하나만 남기고 모두 제거
-		
-		var recTableData = tableR.getRows();		 // 받는사람 리스트의 전체 목록을 저장
-		var tableData = [];
-		
-		//기존 받는사람 리스트를 배열에 미리 담아둔다.
-		if(recTableData.length > 0){
-			for(var j=0; j < recTableData.length; j++){
-				tableData.push({name: recTableData[j].getData().name, phone: removeDash(recTableData[j].getData().phone.trim()), info1: recTableData[j].getData().info1, info2: recTableData[j].getData().info2, info3: recTableData[j].getData().info3, info4: recTableData[j].getData().info4, memo: recTableData[j].getData().memo});
-			}
-		}
-		
-		//받는사람 리스트를 담아둔 배열에 신규 추가 데이터를 추가해 준다.
-		for(var i=0; i < newData.length; i++){
-			tableData.push({name: newData[i].name.trim(), phone: removeDash(newData[i].phone.trim()), info1: newData[i].info1, info2: newData[i].info2, info3: newData[i].info3, info4: newData[i].info4, memo: newData[i].memo});
-		}
-		
-		var temp = tableData.length;
-		
-		//기존 수신 리스트를 지워준 후 신규 전체 리스트를 추가해준다.
-		tableR.clearData(); //기존 받는사람 목록을 삭제.
-		tableR.addData(dupliPhoneData(tableData)); // 받는사람 목록에 주소 정보 입력하기
-		_fileForm2 = []; //form file data 초기화
-		_fileIdx = 0;	//form file idx 초기화
-		
-		totRows = tableR.getRows().length; 
-		updateTotCnt(totRows); //전체 데이터 갯수 구하기
-	}
-}
-
-/* 파일사이즈 가져오기 */
-function getStrFileSize(filesize){
-	var sizeStr="";
-	var sizeKB = filesize/1024;
-	if(parseInt(sizeKB) > 1024){
-	    var sizeMB = sizeKB/1024;
-	    sizeStr = sizeMB.toFixed(2)+" MB";
-	}else{
-	    sizeStr = sizeKB.toFixed(2)+" KB";
-	}
-	return sizeStr;
-}
-
-//#############################################################################################
-//파일업로드 드래그앤 드롭
-//#############################################################################################
-var objDragAndDrop = $(".upload_area");
-$(document).on("dragenter",".upload_area",function(e){
-  e.stopPropagation();
-  e.preventDefault();
-  //$(this).css('border', '2px solid #0B85A1');
-});
-$(document).on("dragover",".upload_area",function(e){
-  e.stopPropagation();
-  e.preventDefault();
-});
-$(document).on("drop",".upload_area",function(e){
-  //$(this).css('border', '2px dotted #0B85A1');
-  e.preventDefault();
-  var files = e.originalEvent.dataTransfer.files;
-  handleFileUpload(files,objDragAndDrop);  //파일업로드
-});
-
-$(document).on('dragenter', function (e){
-  e.stopPropagation();
-  e.preventDefault();
-});
-$(document).on('dragover', function (e){
-e.stopPropagation();
-e.preventDefault();
-//objDragAndDrop.css('border', '2px dotted #0B85A1');
-});
-$(document).on('drop', function (e){
-  e.stopPropagation();
-  e.preventDefault();
-});
-//파일 드래그앤드롭 종료
-
-function handleFileUpload(files,obj)  //업로드 function
-{
-	_fileForm2 = []; //form file data 초기화
-	
-	var limitsize = 50*1024*1024;  //파일 제한 체크(50개, 50MB)
-	var limitcount = 1;//$("input[name=limitcount]").val()*1 ;
-	var fileNece = true; //첨부파일필수
- 
- 
-	if($('#fileNece').length > 0){
-		if('N'==$('#fileNece').val()){
-			fileNece = false;  
-		}
- 	}
- 
-	//엑셀 및 TXT 파일만 업로드 할수 있도록 체크하기
-	var fileNm = files[0].name;
-	fileExt = fileNm.split('.').pop().toLowerCase();
-
-	// IE11 대응
-	if (fileExt != "") { 
-		if($.inArray(fileExt, ['txt','xls','xlsx']) == -1) {
-			alert('txt, xls, xlsx 파일만 업로드 할수 있습니다.');
-			return;
-		}
-		
-		for (var i = 0; i < files.length; i++)
-		{
-		    var fd = new FormData();
-		    fd.append('file', files[i]);
-		    var tmpObj = new Object();
-		    tmpObj.name = "file_" + _fileIdx;
-		    tmpObj.fileObj = files[i];
-		     
-		    _fileForm2.push(tmpObj);
-		    sendFileToServer(fd, obj, files[i], _fileIdx);
-		    _fileIdx++;
-		     
-		    var totalfileSize = 0;
-		    $('.totalfileCount').text($('.item_file_size').length) ;
-		    $('.item_file_size').each(function(){
-		    	totalfileSize += $(this).val()*1 ;
-		    });
-		    $('.totalfileSize').text(getStrFileSize(totalfileSize)) ; 
-		}
-	}
-}
-
-//드래그앤 드롭 엑셀 및 텍스트 파일 서버 전송 함수
-function sendFileToServer(formData, obj , fileObj, _fileIdx)
-{
-	var msg;
-	msg = "해당 첨부파일을  수정하시겠습니까?";
-	var data = new FormData(document.msgForm);
-	_fileForm2.forEach(function(obj, idx) {
-		if (obj) data.append("file0", obj.fileObj);
-	});
-	
-	var url = "";
-	
-	// IE11 대응
-	if (fileExt != "") {
-		if(fileExt == "xls" || fileExt == "xlsx"){
-			url = "/web/mjon/addr/sendExelFilePhoneNumAjax.do";
-		}else if(fileExt == "txt"){
-			url = "/web/mjon/addr/sendTxtFilePhoneNumAjax.do";
-		}else{
-			alert('txt, xls, xlsx 파일만 업로드 할수 있습니다.');
-			return;
-		}
-		
-		//엑셀 데이터 변수에 자료가 있으면 지워준다.
-	   	if(excelAddr.length > 0){
-	    	excelAddr = [];
-	    }
-		
-		$.ajax({
-	      type: "POST",
-	      enctype: 'multipart/form-data',
-	      url: url,
-	      data: data,
-	      dataType:'json',
-	      async: true,
-	      processData: false,
-	      contentType: false,
-	      cache: false,
-	      //timeout: 600000,
-	      success: function (returnData, status) {
-				if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
-					if(returnData.success){
-						var data = returnData.data;
-						var message = returnData.message;
-						
-						if (message == "20000") {
-							alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
-						}
-						else {
-							if(data != null){
-								var arr = []; // 넘어온 데이터를 받은 배열 변수
-								$.each(data, function(i, item){
-									arr.push({name: item.name, phone: item.phone, info1: item.info1, info2: item.info2, info3: item.info3, info4: item.info4, memo: item.memo});
-								});
-		
-								addPhoneInfo(arr); // 연락처를 처리해줄 함수 호출
-							}
-							
-							//메세지가 있는 경우 알려주기
-							if(message != '' && message != null) {
-								alert(returnData.message);
-							}							
-						}
-
-					}else{
-						alert(returnData.message);
-					}
-				} else if(status== 'fail'){
-					alert("저장에 실패하였습니다. !!");
-				}
-			},
-	      	error: function (e) { 
-	      		alert("저장에 실패하였습니다."); 
-	      		console.log("ERROR : ", e); 
-	      	},
-			beforeSend : function(xmlHttpRequest) {
-	        	//로딩창 show
-	        	$('.loading_layer').addClass('active');				
-			},	        	        
-	        complete : function(xhr, textStatus) {
-	        	//로딩창 hide
-	        	$('.loading_layer').removeClass('active');
-			}	      			
-	  	});
-	}
-	
-}
 
 
 //#############################################################################################

 
 //저장
 function SetAddrMassSave(){
-	gArrRestartIndex = 0;	//배열 재시작카운드
-	gNameList = [];		//치환문자 이름
-	gPhoneList = [];	//받는사람
-	gInfo1List = [];		//치환문자1
-	gInfo2List = [];		//치환문자2
-	gInfo3List = [];		//치환문자3
-	gInfo4List = [];		//치환문자4
-	gMemoList = [];			//메모
+// 	gArrRestartIndex = 0;	//배열 재시작카운드
+// 	gNameList = [];		//치환문자 이름
+// 	gPhoneList = [];	//받는사람
+// 	gInfo1List = [];		//치환문자1
+// 	gInfo2List = [];		//치환문자2
+// 	gInfo3List = [];		//치환문자3
+// 	gInfo4List = [];		//치환문자4
+// 	gMemoList = [];			//메모
 	
-	var selectedData = tableR.getRows();
-	if (selectedData == "" || selectedData == null) {
+	var $objTabul = fn_utils_getTabulator();
+
+	if($objTabul.getData().length < 1){
 		alert("한 개 이상의 연락처를 입력하세요");
 		return false;
 	}
-	else if (selectedData.length > 20000) {
-		alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
-		return false;
-	}
+// 	else if (selectedData.length > 20000) {
+// 		alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
+// 		return false;
+// 	}
 	
 	var selectMassVal = $("#addrGrpIdInfo option:selected").val();
 	
 	var loginVO = '${LoginVO}';
-	if(loginVO == "" || loginVO == null){
+// 	if(loginVO == "" || loginVO == null){
+	if(fn_utils_isEmpty(loginVO)){
 		alert("로그인 후 이용이 가능합니다.");
 		return false;
 	}
-	else if ($("#addrGrpIdInfo option:selected").val() == "NEW" && ($("#addrGrpNm").val() == "" || $("#addrGrpNm").val() == null || $("#addrGrpNm").val() == undefined)) {
+	else if ($("#addrGrpIdInfo option:selected").val() == "NEW" 
+				&& ($("#addrGrpNm").val() == "" 
+						|| $("#addrGrpNm").val() == null 
+						|| $("#addrGrpNm").val() == undefined)
+						) 
+	{
 		alert("저장할 그룹을 선택하거나 새 그룹명을 입력해주세요.");
 		return false;		
 	}

 	
 	var commaSelectedData = numberWithCommas(selectedData.length);
 	var confirmMsg = "저장하시겠습니까?\n이름 20byte, [*1*]~[*4*] 40byte, 메모 250byte 초과 글자는 절사됩니다.";
-	if (selectedData.length >= 10000) {
-		confirmMsg = "저장하시겠습니까?\n이름 20byte, [*1*]~[*4*] 40byte, 메모 250byte 초과 글자는 절사됩니다.\n1만건 이상 등록시 약 30초정도 소요됩니다.\n잠시만 기다려주세요.";
-	}
+// 	if (selectedData.length >= 10000) {
+// 		confirmMsg = "저장하시겠습니까?\n이름 20byte, [*1*]~[*4*] 40byte, 메모 250byte 초과 글자는 절사됩니다.\n1만건 이상 등록시 약 30초정도 소요됩니다.\n잠시만 기다려주세요.";
+// 	}
 	if (confirm(confirmMsg)) {	
 		//로딩창 show
 		$('.loading_layer').addClass('active');				
 
-		setTimeout(setSenderList, 1000);
+		setTimeout(setSenderList_advc, 1000);
 	}
+}
+
+function setSenderList_advc(){
+
+	var $objTabul = fn_utils_getTabulator();
+	var dataToSend = $objTabul.getData();
+	
+		$.ajax({
+		    type: "POST",
+		    url: "/web/mjon/addr/addrMassInsertByTempAjax_advc.do",
+		    data: JSON.stringify(dataToSend),
+		    dataType: 'json',
+		    contentType: 'application/json',
+		    async: true,
+		    success: function (data) {
+		    	console.log('data : ', data);
+// 		        alert(data.object.message);
+// 		        if (data.object.result == 'success') {
+// 		            location.reload();
+// 		        } 
+		    },
+		    error: function (e) { 
+		        alert("ERROR : " + JSON.stringify(e)); 
+		    }
+		});
 }
 
 function setSenderList() {

 		//console.log("gPhoneList.length : " + gPhoneList.length);
 		//console.log("selectedData.length : " + selectedData.length);
 		
-		SetAddrMassSave_Step2();		
+		SetAddrMassSave_Step2();
 	}	
 }
 

 	url = "/web/mjon/addr/addrMassInsertByTempAjax.do";
 	
 	$.ajax({
-        type: "POST",
-        url: url,
-        data: data,
-        dataType:'json',
-        async: true,
-        processData: false,
-        contentType: false,
-        cache: false,
-        success: function (returnData) {
-        	//로딩창 hide
-        	$('.loading_layer').removeClass('active');			
-        	
+		type: "POST",
+		url: url,
+		data: data,
+		dataType:'json',
+		async: true,
+		processData: false,
+		contentType: false,
+		cache: false,
+		success: function (returnData) {
+			//로딩창 hide
+			$('.loading_layer').removeClass('active');			
+			
 			if (returnData.isSuccess) { 
 				alert("저장에 성공했습니다.\n저장 : " + returnData.resultCnt + "건, 중복 : " + returnData.dupliCnt + "건, 휴대폰번호 오류 : " + returnData.errPhoneCnt + "건");
 

 				alert("오류 알림 : " + returnData.msg);
 			}
 		},
-        error: function (e) { 
-        	//로딩창 hide
-        	$('.loading_layer').removeClass('active');			
-        	
-        	alert("저장에 실패하였습니다."); 
-        	alert("ERROR : " + JSON.stringify(e)); 
-        },
+		error: function (e) { 
+			//로딩창 hide
+			$('.loading_layer').removeClass('active');			
+			
+			alert("저장에 실패하였습니다."); 
+			alert("ERROR : " + JSON.stringify(e)); 
+		},
 		beforeSend : function(xmlHttpRequest) {
-        	//로딩창 show
-        	$('.loading_layer').addClass('active');				
+			//로딩창 show
+			$('.loading_layer').addClass('active');				
 		},	        	        
-        complete : function(xhr, textStatus) {
-        	//로딩창 hide
-        	$('.loading_layer').removeClass('active');
+		complete : function(xhr, textStatus) {
+			//로딩창 hide
+			$('.loading_layer').removeClass('active');
 		}	        
-    });
+	});
 }
 
 //주소록그룹 콤보박스 유지

 	}
 }
 
-
+// 주소 대량등록 버튼 클릭 
+// AddrListAjax.jsp에서 호출
 $(document).on('click', '#btnAddrMassRegCall', function() {
 	getAddrGroupList();
 });
 
 // 주소록 그룹정보 불러오기
 function getAddrGroupList() {
-    $.ajax({
-        type : "POST",
-        async : false,
-        url : "/web/mjon/addr/addrGroupListAjax.do",
-        data : {},
-        dataType:'json',
-        success : function(data) {
+	$.ajax({
+		type : "POST",
+		async : false,
+		url : "/web/mjon/addr/addrGroupListAjax.do",
+		data : {},
+		dataType:'json',
+		success : function(data) {
 			//alert(JSON.stringify(data.addrGroupList));
 
 			// Show Html
 			getAddrGroupListShow(data.addrGroupList);
-        },
-        error : function(xhr, status, error) {
-            alert(error);
-            return false;
-        }
-    });	    	
+		},
+		error : function(xhr, status, error) {
+			alert(error);
+			return false;
+		}
+	});	    	
 }
 	
-// Show Html
+// 그룹데이터 노출
 function getAddrGroupListShow(jsonList) {
 	var sHtml = "";
 	sHtml += "<option value='NEW'>그룹추가</option>";

 	for (var j = 0; j < jsonList.length; j++) {
 		sHtml += "	<option value='" + $.trim(jsonList[j].addrGrpId) + "' />" + $.trim(jsonList[j].addrGrpNm) + "</option>";
 	}
-	    	
+			
 	$("#addrGrpIdInfo").html(sHtml);
 }
 

 //파일 불러오기
 //#############################################################################################
 
-//엑섹불러오기 버튼 클릭시 파일 첨부 실행
-$(document).on('click', '.c3', function() {
-	$("#excelFile").click();
-});
-
-//seetJs 엑셀 파일 불러오기
-function excelExport(event){
-	var data = new FormData(document.excelForm);
-	data.append("file0", $('#excelFile').prop('files')[0]);
-	
-	var fileValue = $("#excelFile").val().split("\\");
-	var fileName = fileValue[fileValue.length-1];
-	
-	var fileExt = fileName.split('.').pop().toLowerCase();
-
-	// IE11 대응
-	if (fileExt != "") {
-		if($.inArray(fileExt, ['txt','xls','xlsx']) == -1) {
-			alert('txt, xls, xlsx 파일만 업로드 할수 있습니다.');
-			return false;
-		}
-		
-		var url = "";
-		
-		if(fileExt == "xls" || fileExt == "xlsx"){
-			url = "/web/mjon/addr/sendExelFilePhoneNumAjax.do";
-		}else if(fileExt == "txt"){
-			url = "/web/mjon/addr/sendTxtFilePhoneNumAjax.do";
-		}else{
-			alert('txt, xls, xlsx 파일만 업로드 할수 있습니다.');
-			return;
-		}
-		
-		//엑셀 데이터 변수에 자료가 있으면 지워준다.
-	   	if(excelAddr.length > 0){
-	    	excelAddr = [];
-	    }
-		
-		$.ajax({
-	        type: "POST",
-	        enctype: 'multipart/form-data',
-	        url: url,
-	        data: data,
-	        dataType:'json',
-	        async: true,
-	        processData: false,
-	        contentType: false,
-	        cache: false,
-	        //timeout: 600000,
-	        success: function (returnData, status) {
-				if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
-					if(returnData.success){
-						var data = returnData.data;
-						var message = returnData.message;
-						
-						if (message == "20000") {
-							alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
-						}
-						else {						
-							if(data != null){
-								var arr = []; // 넘어온 데이터를 받은 배열 변수
-								$.each(data, function(i, item){
-									arr.push({name: item.name, phone: item.phone, info1: item.info1, info2: item.info2, info3: item.info3, info4: item.info4, memo: item.memo});
-								});
-		
-								addPhoneInfo(arr); // 연락처를 처리해줄 함수 호출
-								
-								//메세지가 있는 경우 알려주기
-								if(message != '' && message != null) {
-									alert(returnData.message);
-								}							
-							}
-						}
-					}else{
-						alert(returnData.message);
-					}
-				} else if(status== 'fail'){
-					alert("저장에 실패하였습니다. !!");
-				}
-			},
-	        error: function (e) {
-	        	alert("저장에 실패하였습니다."); 
-	        	console.log("ERROR : ", e); 
-	        }
-			,
-			beforeSend : function(xmlHttpRequest) {
-	        	//로딩창 show
-	        	$('.loading_layer').addClass('active');				
-			},	        	        
-	        complete : function(xhr, textStatus) {
-	        	//로딩창 hide
-	        	$('.loading_layer').removeClass('active');
-			}	      			
-	    });
-		
-		$("#excelFile").val("");
-	    $("#excelNm").val(fileName); 
-	}
-	
-}
-
 //체크박스 전체선택/해제
 $(document).on("click", "#chkAll", function(e) {
-    var isChecked = $(this).is(":checked");
-    $("input[name=addrCheck]:checkbox").prop("checked", isChecked);
+	var isChecked = $(this).is(":checked");
+	$("input[name=addrCheck]:checkbox").prop("checked", isChecked);
 });
 
 $(document).on("click", "#duplicationChkAll", function(e) {
-    var isChecked = $(this).is(":checked");
-    $("input[name=addrCheck]:checkbox").prop("checked", isChecked);
+	var isChecked = $(this).is(":checked");
+	$("input[name=addrCheck]:checkbox").prop("checked", isChecked);
 });	
 
 //팝업 텍스트 더보기 클릭 시 펼쳐지고 숨겨짐

 	window.open("about:blank", 'infoPop', 'width=790, height=430, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');
 	document.popForm.target = "infoPop";
 	document.popForm.submit();
-}
-
-// 주소록 대량등록
-function addrMassTab(tabIdx) {
-	if (tabIdx == 2) {
-		// 붙여넣기
-		$(".upload_area").hide();
-		$(".excel_btn2").hide();
-		$(".req_area").show();
-	}
-	else {
-		$(".upload_area").show();
-		$(".excel_btn2").show();
-		$(".req_area").hide();
-	}
-}
-
-
-function linkPage2(pageNo){
-	var searchForm = document.searchAddrDupliForm;
-	searchForm.pageIndex.value = pageNo;
-	searchForm.pageUnit.value = 10;
-	
-	var sendData = $(document.searchAddrDupliForm).serializeArray();
-	$("#duplication_layer").load("/web/mjon/addr/selectAddrDupliAjax.do", sendData, function(response, status, xhr){});
 }
 
 // 중복 연락처

 	$("#addrMassSaveDupli_layer").html(sHtml);
 }
 
+
+// function fn_tabToggle('1')
+function fn_tabToggle(tabNum){
+	var tabId = '#tab'+tabNum;
+	$('.tab_c').hide();
+	$(tabId).show();
+}
+
 </script>
 
 <div class="loading_layer">

 		<div class="text">Loading</div>
 	</div>
 </div>
+
+<div id="adrPopup_tab1">
+
 <!-- 수신거부 대량등록  data-tooltip:adr_popup01 -->
-<form id="addrMassForm" name="addrMassForm" method="post">
-	<input type="hidden" id="phoneList" name="phoneList" value=""/>
-	<input type="hidden" id="nameList" name="nameList" value=""/>
-	<input type="hidden" id="info1List" name="info1List" value=""/>
-	<input type="hidden" id="info2List" name="info2List" value=""/>
-	<input type="hidden" id="info3List" name="info3List" value=""/>
-	<input type="hidden" id="info4List" name="info4List" value=""/>
-	<input type="hidden" id="memoList" name="memoList" value=""/>
-	<input type="hidden" id="addrGrpId" name="addrGrpId" value=""/>
-	<div class="tooltip-wrap" id="addrMassLoad">
-		<div class="popup-com adr_layer adr_popup01" tabindex="0" data-tooltip-con="adr_popup01" data-focus="adr_popup01" data-focus-prev="adr_popup01-close" style="width: 1000px;">
-			<div class="popup_heading">
-	               <p>주소록 대량등록</p>
-	               <button type="button" class="tooltip-close" data-focus="adr_popup01-close" onclick="setAddrMassClose();"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-	           </div>
-	           <div class="layer_in" style="padding: 25px 30px;">
-	               <div class="list_tab_wrap2">
-	                   <!-- tab button -->
-	                   <ul class="list_tab"> 
-	                       <li class="tab active"><button type="button" onclick="popupTab(this,'1'); addrMassTab('1');">엑셀입력</button></li>
-	                       <li class="tab"><button type="button" onclick="popupTab(this,'2'); addrMassTab('2');">붙여넣기</button></li>
-	                   </ul><!--// tab button -->
-	               </div>
-	               <!-- 엑셀입력 -->
-	               <div class="popCont current pop_more_cont" id="popCont_1">
-	                   <div class="titBox">
-							<p>- 엑셀(EXCEL) 파일로 주소록을 한 번에 최대 2만건까지 등록하여 간편하게 발송 및 관리하실 수 있습니다.</p>
-							<p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 작성하셔야 합니다.</p>
-							<p>  &nbsp;&nbsp;※ 주소록 관리 메뉴에서 다운로드 받으신 엑셀 파일 또한 업로드 양식에 맞추어 작성하셔야 하며, </p>
-							<p>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;주소록에 이미 등록된 휴대폰 번호는 업데이트 되지 않으므로 기존 주소록에서 해당 휴대폰 번호를 삭제한 후 재등록해 주시기 바랍니다.</p>
-							<p>- 쉼표(,), 구분선(|), 역슬래시(＼, ￦), 작은따옴표('), 큰따옴표(") 등 발송불가 특수문자는 저장되지 않습니다.</p>
-							<p>- 휴대폰 번호는 필수입력 항목입니다.</p>
-							<p>- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
-							<p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
-							<p>- 이름 20byte, [*1*]~[*4*] 40byte, 메모 250byte까지 입력 가능합니다.</p>
-							<p>- 첨부가능 파일 : xlsx, xls(최대용량 3MB)</p>
-							<p>- ‘오류 검사’를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다.</p>
-							<p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
-	                       <button type="button" class="excel_btn" onclick="location.href='/download/addr/주소록_대량등록.xlsx'"><i class="downroad"></i>샘플파일 다운로드</button>
-	                   </div>
-	                   <div class="pop_more_wrap">
-	                   		<button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
-	                   </div>
-	                </div><!--// 엑셀입력 -->
-	                
-	                <!-- 붙여넣기 -->
-	                <div class="popCont pop_more_cont" id="popCont_2">
-	                    <div class="titBox">
-	                        <p>- 텍스트(txt) 파일로 작성된 주소록을 등록하실 수 있습니다.</p>
-	                        <p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 붙여 넣으셔야 합니다.</p>
-	                        <p>- 입력 내용은 (Tab) 또는 (,) 구분하여 입력하여야 합니다.</p>
-	                        <p>- 한 줄(열)에 주소 한 건만 입력 가능합니다.</p>
-	                        <p>- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
-	                        <p>&nbsp;&nbsp;(예) 홍길동,010-1234-5678 또는 홍길동,01012345678</p>
-	                        <p>- 한번에 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+c) + 붙여넣기(Ctrl+v)’ 또는 ‘엑셀입력’을 이용하세요.</p>
-	                        <p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
-	                        <button type="button" class="txt_btn" onclick="location.href='/download/addr/주소록_대량등록.zip'"><i></i>TXT샘플 다운로드</button>                        
-	                    </div>
-	                    <div class="pop_more_wrap">
-	                   		<button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
-	                   </div>
-	                </div><!--// 붙여넣기 -->                
-	
-					<!-- 공통 -->
-					<div>
-		                <table class="layer_tType1">
-		                    <caption>엑셀입력 표</caption>
-		                    <colgroup>
-		                        <col style="width: 95px">
-		                        <col style="width: auto">
-		                    </colgroup>
-		                    <tbody>
-		                        <tr>
-		                            <th>그룹 선택</th>
-		                            <td>
-		                                <label for="" class="label">그룹 선택</label>
-		                                <select id="addrGrpIdInfo" name="addrGrpIdInfo">
-		                                </select>
-	                                    <label for="" class="label">그룹명 입력</label>
-	                                    <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" onchange="excelExport(event); return false;" style="display:none"/>
-		                                <button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
-		                            </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>건
-							&nbsp; 
-							<button type="button" class="btnType btnType6" data-tooltip="addrMassDupli_layer" onclick="GetAddrMassDupli()" id="btnAddrMassDupli">중복번호</button>
-							&nbsp;
-							<button type="button" class="btnType btnType6" data-tooltip="addrMassSaveDupli_layer" onclick="GetAddrMassSaveDupli()" id="btnAddrMassSaveDupli">중복번호</button>
-						</p>
-						<button type="button" class="btnType btnType6 addCallToF">번호추가</button>
-					</div>
-					<div class="drag_drop_wrap callList_box">
-						<img src="/publish/images/content/excel.jpg" style="width: 100%;">
-					</div>
-					<div class="excel_middle">
-						<div class="select_btnWrap clearfix">
-							<div>
-								<button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
-								<button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
-								<button type="button" class="chkVali_del"><i class="remove_img"></i>오류번호삭제</button>
-								<button type="button" class="check_validity">오류 검사 <i></i></button>
-								<div class="error_hover_cont send_hover_cont addr_hover_cont">
-									<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
-									<span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
-								</div>
-							</div>
-	
+	<form id="addrMassForm" name="addrMassForm" method="post">
+		<input type="hidden" id="phoneList" name="phoneList" value=""/>
+		<input type="hidden" id="nameList" name="nameList" value=""/>
+		<input type="hidden" id="info1List" name="info1List" value=""/>
+		<input type="hidden" id="info2List" name="info2List" value=""/>
+		<input type="hidden" id="info3List" name="info3List" value=""/>
+		<input type="hidden" id="info4List" name="info4List" value=""/>
+		<input type="hidden" id="memoList" name="memoList" value=""/>
+		<input type="hidden" id="addrGrpId" name="addrGrpId" value=""/>
+		<div class="tooltip-wrap" id="addrMassLoad">
+			<div class="popup-com adr_layer adr_popup01" tabindex="0" data-tooltip-con="adr_popup01" data-focus="adr_popup01" data-focus-prev="adr_popup01-close" style="width: 1000px;">
+				<div class="popup_heading">
+					   <p>주소록 대량등록</p>
+					   <button type="button" class="tooltip-close" data-focus="adr_popup01-close" onclick="setAddrMassClose();"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+				   </div>
+				   <div class="layer_in" style="padding: 25px 30px;">
+					   <div class="list_tab_wrap2">
+						   <!-- tab button -->
+						   <ul class="list_tab" id="tbTabl"> 
+							   <li class="tab active" data-tabul="tableExcel"><button type="button" onclick="popupTab(this,'1'); fn_tabToggle('1');">엑셀입력</button></li>
+							   <li class="tab" data-tabul="tableClip"><button type="button" onclick="popupTab(this,'2'); fn_tabToggle('2');">붙여넣기</button></li>
+							   <li class="tab" data-tabul="tableSelf"><button type="button" onclick="popupTab(this,'3'); fn_tabToggle('3');">붙여넣기</button></li>
+						   </ul><!--// tab button -->
+					   </div>
+					   
+					   
+						<div id="tab1" class="tab_c">
+					  		<%@include file="/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp" %>
 						</div>
-					</div><!--// 공통 -->     
-	
-					<!-- 붙여놓기 설명 -->
-	                <div class="req_area">
-	                  	<div class="text_box">
-	                    	- 휴대폰 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.<br>
-							- 휴대폰 번호는 필수입력 항목입니다.<br>
-							- 이름,휴대폰 번호,[*1*],[*2*],[*3*],[*4*],메모 순서대로 입력해주세요.(예 : 010-1234-5678,홍길동,변수1…메모)<br>
-							- 이름은 24byte, [*1*]~[*4*] 40byte, 메모는 250byte까지 입력 가능합니다.<br>
-							- '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다.
+						<div id="tab2" class="tab_c" style="display: none;">
+					  		<%@include file="/WEB-INF/jsp/web/addr/include/addrListforClipboard.jsp" %>
 						</div>
-	                </div>
-	
-	
-	           </div>
-	           <div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
-	               <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>
+<!-- 						<div id="tab3" class="tab_c" style="display: none;"> -->
+						<div id="tab3" class="tab_c" style="display: none;">
+					  		<%@include file="/WEB-INF/jsp/web/addr/include/addrListforSelf.jsp" %>
+						</div>
+						   
+					   <div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
+						   <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>
+				   	
+				</div>
+			</div>
 		</div>
-	</div>
-</form>
+	</form>
+
+</div>
 <!--// 주소록 대량등록 팝업 -->
 
 <div class="inner">

 		<div class="adr_cont current" id="tab5_1">
 			<div class="heading">
 				<h2>주소록 관리</h2>
-	        	<button type="button" class="button info" onclick="infoPop('selectAddrList');">사용안내</button>
+				<button type="button" class="button info" onclick="infoPop('selectAddrList');">사용안내</button>
 			</div>
 			<%--<div class="titBox">
 				<p>- 연락처를 그룹별로 분류하여 간편하고 편리하게 관리할 수 있습니다(최대 100,000개까지 등록 가능)</p>

 	</div><!--// 주소록 관리 - 주소록 관리 -->
 </div><!--// send top -->
 
+
+
+<!--===================================================================  -->
+
+
 <form name="popForm" id="popForm" method="post">
 	<input type="hidden" name="pageType" id="pageType" value=""/> 
 </form>

c60d29f

cabf73a

src/main/webapp/WEB-INF/jsp/web/addr/AddrList_advcBack_20240723.jsp (Renamed from src/main/webapp/WEB-INF/jsp/web/addr/AddrList_advcBackup_20240717.jsp)

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

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


 		width:"100%",
 	    layout:"fitColumns",
 	    //data:tabledata,
-	    //autoColumns:true,
+// 	    autoColumns:true,
+	    autoColumns:false,
+	    
 	    headerHozAlign:"center",
 	    validationMode:"highlight",
 	    clipboard:false,

 	 	        cell.getRow().toggleSelect();
 		 		}
 		 	}, 
-		 	{title:"이름", hozAlign:"center", field:"name", editor:"input", width:140, validator:["maxLength:12", "string"]},
+		 	{title:"A", hozAlign:"center", headerHozAlign: "center", field:"A", editor:"input", width:125, validator:["maxLength:100", "string"]},
+		 	{title:"B", hozAlign:"center", headerHozAlign: "center", field:"B", editor:"input", width:125, validator:["maxLength:100", "string"]},
+		 	{title:"C", hozAlign:"center", headerHozAlign: "center", field:"C", editor:"input", width:125, validator:["maxLength:100", "string"]},
+		 	{title:"D", hozAlign:"center", headerHozAlign: "center", field:"D", editor:"input", width:125, validator:["maxLength:100", "string"]},
+		 	{title:"E", hozAlign:"center", headerHozAlign: "center", field:"E", editor:"input", width:125, validator:["maxLength:100", "string"]},
+		 	{title:"F", hozAlign:"center", headerHozAlign: "center", field:"F", editor:"input", width:125, validator:["maxLength:100", "string"]},
+		 	{title:"G", hozAlign:"center", headerHozAlign: "center", field:"G", editor:"input", width:125, validator:["maxLength:100", "string"]}
+/* 		 	{title:"이름", hozAlign:"center", field:"name", editor:"input", width:140, validator:["maxLength:12", "string"]},
 		 	{title:"휴대폰", hozAlign:"center", field:"phone", editor:"input", width:145, validator:["required","minLength:10", "maxLength:13"]},
 		 	{title:"[*1*]", hozAlign:"center", field:"info1", editor:"input", width:100, validator:["maxLength:100", "string"]},
 		 	{title:"[*2*]", hozAlign:"center", field:"info2", editor:"input", width:100, validator:["maxLength:100", "string"]},
 		 	{title:"[*3*]", hozAlign:"center", field:"info3", editor:"input", width:100, validator:["maxLength:100", "string"]},
 		 	{title:"[*4*]", hozAlign:"center", field:"info4", editor:"input", width:100, validator:["maxLength:100", "string"]},
-		 	{title:"메모", hozAlign:"center", field:"memo", editor:"input", width:119, validator:["maxLength:100", "string"]}
+		 	{title:"메모", hozAlign:"center", field:"memo", editor:"input", width:119, validator:["maxLength:100", "string"]} */
 	 	],
 	 	validationFailed:function(cell, value, parameters){ // 유효성 체크 함수 
 	        var valid = cell.isValid();

 	    },
 	});
 
+	 $(".field-selector").on("change", function() {
+		 
+
+		    var selectedFields = [];
+		    var isDuplicate = 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);
+		        }
+		    });
+		    console.log('!! : ', $(this).val() == 'phone');
+	        updateTableFields();
+	        
+	        if($(this).val() == 'phone'){
+	        	fn_phoneDupl();
+	        }
+    });
+    // 파일 선택 버튼 클릭 이벤트
+    $("#file-load-trigger").on("click", function() {
+        $("#excelFile").click();
+    });
+
+    // 파일 입력 이벤트
+    $("#excelFile").on("change", function(event) {
+    	excelFileChange(event.target.files[0]);
+    });
+    
+
+	
 	//받는 사람 리스트 영역에 클립보드 데이터 가져와보기 
+	// 붙여넣기 기능
 	$('.callList_box').on('paste', function (e) {
 		var element = e.originalEvent.clipboardData.getData('text'); // 클립보드에 복사한 데이터 가져오기
 		var elmSplit= [];
 		elmSplit = element.split("\n");
 		var elmLen = elmSplit.length;
+		console.log('elmSplit : ', elmSplit);
 		if(elmLen < 0){
 			alert("붙여넣을 연락처를 복사해주세요.");
 			return false;
-		}else{
-			if (elmLen > 20001) {
-				alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
-				return false;
-			}			
-			
-			tableErrorData.length = 0;	// 오류 번호 배열 초기화
+		}
+		if (elmLen > 20001) {
+			alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
+			return false;
+		}			
+		
+		tableErrorData.length = 0;	// 오류 번호 배열 초기화
 
-			var splitData = [];
-			var realPhone = [];
-			for(var i=0; i < elmLen; i++){
-				var splitStr = elmSplit[i];
-				var tabData = splitStr.split("\t"); //탭 구분으로 데이터 분할
-				var comData = splitStr.split(","); //콤마 구분으로 데이터 분할
-				if(tabData.length >= 2){
-					splitData = tabData;
-				}else{
-					splitData = comData;
-				}
+		var splitData = [];
+		var realPhone = [];
+		
+		for(var i=0; i < elmLen; i++){
+			var splitStr = elmSplit[i];
+			var tabData = splitStr.split("\t"); //탭 구분으로 데이터 분할
+			var comData = splitStr.split(","); //콤마 구분으로 데이터 분할
+			if(tabData.length >= 2){
+				splitData = tabData;
+			}else{
+				splitData = comData;
+			}
 				
-				if(splitData.length == 0){// 데이터가 없는경우
-					alert("탭으로 구분하여 데이터를 복사해 주세요.");
-				  	return false;
-				}else if(splitData.length == 1){// 데이터가 탭으로 구분이 없는 경우
-					for(var j=0; j < splitData.length; j++){
-						if(checkHpNum(splitData[j].trim())){//핸드폰 양식이 맞는지 확인
-							//배열 끝에 데이터 추가해 주기
-							realPhone.push({name: "", phone: removeDash(splitData[j].trim())});
-						}
-						else {
-							if (splitData[j].trim() != '' && splitData[j].trim() != null && splitData[j].trim() != undefined) {
-								tableErrorData.push(splitData[j].trim());
-							}							
-						}
-					}
-				}else{//데이터가 탭으로 구분되어 이름, 연락처로 구분된 경우
-					var name;	//이름
-					var phone;	//핸드폰번호					
-					var info1;
-					var info2;
-					var info3;
-					var info4;
-					var memo;	//메모
-					var isPhoneValid = false;
-					for(var j=0; j < splitData.length; j++){
-						if(j == 0){
-							name = splitData[j].trim();
-						}
-						if(j == 1){
-							if(checkHpNum(splitData[j].trim())){//핸드폰 양식이 맞는지 확인
-								phone = removeDash(splitData[j].trim());
-								isPhoneValid = true;
-							}
-							else {
-								if (splitData[j].trim() != '' && splitData[j].trim() != null && splitData[j].trim() != undefined) {
-									tableErrorData.push(splitData[j].trim());
-								}
-							}
-						}
-						
-						if(j == 2){
-							info1 = splitData[j].trim();
-						}
-						if(j == 3){
-							info2 = splitData[j].trim();
-						}
-						if(j == 4){
-							info3 = splitData[j].trim();
-						}
-						if(j == 5){
-							info4 = splitData[j].trim();
-						}						
-						
-						if(j == 6){	//메모
-							memo = splitData[j].trim();
-						}
-					}
-					
-					if (isPhoneValid == true) {
-						//배열 끝에 데이터 추가해 주기
-						realPhone.push({name: name, phone: phone, info1 : info1, info2 : info2, info3 : info3, info4 : info4, memo : memo });
-					}
-				}//else end
+			if(splitData.length == 0){// 데이터가 없는경우
+				alert("탭으로 구분하여 데이터를 복사해 주세요.");
+			  	return false;
 			}
 			
-			var recTableData = tableR.getRows();		 // 받는사람 리스트의 전체 목록을 저장
-			var tableData = [];
 			
-			//기존 받는사람 리스트를 배열에 미리 담아둔다.
-			if(recTableData.length > 0){
-				for(var j=0; j < recTableData.length; j++){
-					tableData.push({name: recTableData[j].getData().name, phone: removeDash(recTableData[j].getData().phone.trim()), info1: recTableData[j].getData().info1, info2: recTableData[j].getData().info2, info3: recTableData[j].getData().info3, info4: recTableData[j].getData().info4, memo: recTableData[j].getData().memo});
-				}
-			}
-			
-			if(realPhone.length > 0){
-				for(var j=0; j < realPhone.length; j++){
-					tableData.push({name: realPhone[j].name, phone: removeDash(realPhone[j].phone.trim()), info1: realPhone[j].info1, info2: realPhone[j].info2, info3: realPhone[j].info3, info4: realPhone[j].info4, memo: realPhone[j].memo});
-				}
-			}
-			
-			//tableData.push(realPhone);
+			if(splitData.length == 1){
+				realPhone.push({A: splitData[0].trim()});
+			}else{
 				
-			//중복 연락처 1개만 남기고 삭제하기
-			var removeDuplPhone = dupliPhoneData(tableData);
-			  
-			//수신자 리스트에 전화번호 추가해주기
-			//tableR.addData(removeDuplPhone);
-			tableR.setData(removeDuplPhone);
+				let keys = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
+				let data = {};
+
+				splitData.forEach((item, index) => {
+				    data[keys[index]] = item.trim();
+				});
+
+				realPhone.push(data);
+			}//else end
+		}
+		console.log('realPhone : ', realPhone);
+		var recTableData = tableR.getRows();		 // 받는사람 리스트의 전체 목록을 저장
+		var tableData = [];
+		
+		//기존 받는사람 리스트를 배열에 미리 담아둔다.
+		if (recTableData.length > 0) {
+		    recTableData.forEach(item => {
+		        tableData.push(createDataObject(item.getData()));
+		    });
+		}
 			
-			totRows = tableR.getRows().length; 
-			updateTotCnt(totRows); //전체 데이터 갯수 구하기
+		if (realPhone.length > 0) {
+		    realPhone.forEach(item => {
+		        tableData.push(createDataObject(item));
+		    });
+		}
 			
-			if (tableErrorData.length > 0) {
-				alert("올바르지 않은 휴대폰 번호가 "+ tableErrorData.length +" 건 있습니다.");
-				//for(var x=0; x < tableErrorData.length; x++){
-				//	alert(tableErrorData[x]);
-				//}
-			}
+		//tableData.push(realPhone);
+			
+		//중복 연락처 1개만 남기고 삭제하기
+		// 20240719 개선작업은 폰위치가 따로없어 중복제거를 못함
+// 			var removeDuplPhone = dupliPhoneData(tableData);
+		var removeDuplPhone = tableData;
+		  
+		//수신자 리스트에 전화번호 추가해주기
+		//tableR.addData(removeDuplPhone);
+		tableR.setData(removeDuplPhone);
+		
+		totRows = tableR.getRows().length; 
+		updateTotCnt(totRows); //전체 데이터 갯수 구하기
+		
+		if (tableErrorData.length > 0) {
+			alert("데이터를 확인해 주세요.");
+			// 	alert("올바르지 않은 휴대폰 번호가 "+ tableErrorData.length +" 건 있습니다.");
+			//for(var x=0; x < tableErrorData.length; x++){
+			//	alert(tableErrorData[x]);
+			//}
 		}
 	});
 
+	
 	//tableR.setData(tabledata);
+	
+	
+	
 
 	//받는사람 번호 버튼 클릭시 Tabulator에 데이터 넣어주기
 	$('.addCallToF').click(function(){ 

 	    if(totLen > 0){
 	    	if(confirm("올바르지 않은 연락처 정보를 삭제 하시겠습니까?")){
 	    		for(var i=0; i < totLen; i++){
+
+	    			
 	            	var phone = data[i].getData().phone;
 	            	var valiCheck = checkHpNum(phone);
 	            	if(valiCheck){

 	    	return false;
 	    }
 	});
+	
+
+    // 필드 선택 이벤트 핸들러
+    $("#column-selector").on("change", function() {
+        let selectedField = $(this).val();
+        let newValue = prompt("새 값을 입력하세요:");
+        if (newValue !== null) {
+            updateTableField(selectedField, newValue);
+        }
+    });
+
+    function updateTableFields() {
+    	var currentData = tableR.getData();
+    	var columns = [
+    		{formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
+    			cell.getRow().toggleSelect();
+    		}}
+    	];
+
+    	var fieldMapping = [];
+    	$(".field-selector").each(function(index) {
+    		var selectedField = $(this).val();
+    		//  ASCII 문자 코드 사용 - 65=A, 66=B ...
+    		var field = String.fromCharCode(65 + index);
+    		if (selectedField) {
+    			columns.push({title: field, field: selectedField, hozAlign: "center", headerHozAlign: "center", editor: "input", width: 125, validator: ["maxLength:100", "string"]});
+    			fieldMapping.push(selectedField);
+    		} else {
+    			columns.push({title: field, field: field, hozAlign: "center", headerHozAlign: "center", editor: "input", width: 125, validator: ["maxLength:100", "string"]});
+    			fieldMapping.push(field);
+    		}
+    	});
+
+    	var updatedData = currentData.map(row => {
+    		var newRow = {};
+    		fieldMapping.forEach((field, index) => {
+    			newRow[field] = row[Object.keys(row)[index]] || "";
+    		});
+    		return newRow;
+    	});
+
+    	tableR.setColumns(columns);
+    	tableR.setData(updatedData);
+    }
 
 
+
+
+    function fn_phoneDupl(){
+    	
+    	var phoneFields = tableR.getData().map(row => row.phone);
+
+//     	if (phoneFields.length === 0) {
+//     		alert("타이틀을 선택해 주세요");
+//     		return;
+//     	}
+
+    	var uniquePhones = new Set();
+    	var duplicatePhones = [];
+
+    	phoneFields.forEach(phone => {
+    		if (uniquePhones.has(phone)) {
+    			duplicatePhones.push(phone);
+    		} else {
+    			uniquePhones.add(phone);
+    		}
+    	});
+
+    	$('#rowDupCnt').text(duplicatePhones.length);
+    	if (duplicatePhones.length > 0) {
+    		alert("중복된 phone 필드 값이 있습니다: " + duplicatePhones.join(", "));
+    	} else {
+    		alert("중복된 phone 필드 값이 없습니다.");
+    	}
+    }
+    
+    
+    
 	// 오류검사 항목 중복제거
 	function SetTableErrorDupliCheck(sVal) {
 		var isDuplicate = false;

 }
 
 function addPhoneInfo(data){
+	console.log('data : ', data);
 	if(data == null){
 		alert("연락처 정보가 없습니다.");
 		return;
 	}else{
 		var idx = 0;
-		var newData = data;//중복 연락처는 하나만 남기고 모두 제거
+		var newData = data;
 		
 		var recTableData = tableR.getRows();		 // 받는사람 리스트의 전체 목록을 저장
 		var tableData = [];
 		
 		//기존 받는사람 리스트를 배열에 미리 담아둔다.
 		if(recTableData.length > 0){
-			for(var j=0; j < recTableData.length; j++){
-				tableData.push({name: recTableData[j].getData().name, phone: removeDash(recTableData[j].getData().phone.trim()), info1: recTableData[j].getData().info1, info2: recTableData[j].getData().info2, info3: recTableData[j].getData().info3, info4: recTableData[j].getData().info4, memo: recTableData[j].getData().memo});
-			}
+// 			for(var j=0; j < recTableData.length; j++){
+// 				tableData.push({name: recTableData[j].getData().name, phone: removeDash(recTableData[j].getData().phone.trim()), info1: recTableData[j].getData().info1, info2: recTableData[j].getData().info2, info3: recTableData[j].getData().info3, info4: recTableData[j].getData().info4, memo: recTableData[j].getData().memo});
+// 			}
+
+		    recTableData.forEach(item => {
+		        tableData.push(createDataObject(item.getData()));
+		    });
+
 		}
 		
 		//받는사람 리스트를 담아둔 배열에 신규 추가 데이터를 추가해 준다.
-		for(var i=0; i < newData.length; i++){
-			tableData.push({name: newData[i].name.trim(), phone: removeDash(newData[i].phone.trim()), info1: newData[i].info1, info2: newData[i].info2, info3: newData[i].info3, info4: newData[i].info4, memo: newData[i].memo});
-		}
+// 		for(var i=0; i < newData.length; i++){
+// 			tableData.push({name: newData[i].name.trim(), phone: removeDash(newData[i].phone.trim()), info1: newData[i].info1, info2: newData[i].info2, info3: newData[i].info3, info4: newData[i].info4, memo: newData[i].memo});
+// 		}
+		newData.forEach(item => {
+	        tableData.push(createDataObject(item));
+	    });
 		
 		var temp = tableData.length;
 		
 		//기존 수신 리스트를 지워준 후 신규 전체 리스트를 추가해준다.
 		tableR.clearData(); //기존 받는사람 목록을 삭제.
-		tableR.addData(dupliPhoneData(tableData)); // 받는사람 목록에 주소 정보 입력하기
+// 		tableR.addData(dupliPhoneData(tableData)); // 받는사람 목록에 주소 정보 입력하기
+		tableR.addData(tableData); // 받는사람 목록에 주소 정보 입력하기
 		_fileForm2 = []; //form file data 초기화
 		_fileIdx = 0;	//form file idx 초기화
 		

 	}
 }
 
-/* 파일사이즈 가져오기 */
-function getStrFileSize(filesize){
-	var sizeStr="";
-	var sizeKB = filesize/1024;
-	if(parseInt(sizeKB) > 1024){
-	    var sizeMB = sizeKB/1024;
-	    sizeStr = sizeMB.toFixed(2)+" MB";
-	}else{
-	    sizeStr = sizeKB.toFixed(2)+" KB";
-	}
-	return sizeStr;
+// 데이터 객체를 생성하는 함수
+function createDataObject(data) {
+    return {
+        A: data.A,
+        B: data.B,
+        C: data.C,
+        D: data.D,
+        E: data.E,
+        F: data.F,
+        G: data.G
+    };
 }
+/* 파일사이즈 가져오기 */
+// function getStrFileSize(filesize){
+// 	var sizeStr="";
+// 	var sizeKB = filesize/1024;
+// 	if(parseInt(sizeKB) > 1024){
+// 	    var sizeMB = sizeKB/1024;
+// 	    sizeStr = sizeMB.toFixed(2)+" MB";
+// 	}else{
+// 	    sizeStr = sizeKB.toFixed(2)+" KB";
+// 	}
+// 	return sizeStr;
+// }
 
 //#############################################################################################
 //파일업로드 드래그앤 드롭

   //$(this).css('border', '2px dotted #0B85A1');
   e.preventDefault();
   var files = e.originalEvent.dataTransfer.files;
-  handleFileUpload(files,objDragAndDrop);  //파일업로드
+//   handleFileUpload(files,objDragAndDrop);  //파일업로드
+  excelFileChange(files[0]);
 });
 
 $(document).on('dragenter', function (e){

 });
 //파일 드래그앤드롭 종료
 
-function handleFileUpload(files,obj)  //업로드 function
-{
-	_fileForm2 = []; //form file data 초기화
-	
-	var limitsize = 50*1024*1024;  //파일 제한 체크(50개, 50MB)
-	var limitcount = 1;//$("input[name=limitcount]").val()*1 ;
-	var fileNece = true; //첨부파일필수
- 
- 
-	if($('#fileNece').length > 0){
-		if('N'==$('#fileNece').val()){
-			fileNece = false;  
-		}
- 	}
- 
-	//엑셀 및 TXT 파일만 업로드 할수 있도록 체크하기
-	var fileNm = files[0].name;
-	fileExt = fileNm.split('.').pop().toLowerCase();
 
-	// IE11 대응
-	if (fileExt != "") { 
-		if($.inArray(fileExt, ['txt','xls','xlsx']) == -1) {
-			alert('txt, xls, xlsx 파일만 업로드 할수 있습니다.');
-			return;
-		}
+    function excelFileChange(file){
+
+//         var file = event.target.files[0];
+        if (file) {
+            var reader = new FileReader();
+            reader.onload = function(e) {
+                var data = new Uint8Array(e.target.result);
+                var workbook = XLSX.read(data, {type: 'array'});
+                var firstSheet = workbook.Sheets[workbook.SheetNames[0]];
+                var jsonData = XLSX.utils.sheet_to_json(firstSheet, {header: 1});
+                processExcelData(jsonData);
+            };
+            reader.readAsArrayBuffer(file);
+        }
+    }
+
+    // 엑셀 데이터 처리 함수
+    function processExcelData(data) {
+    	console.log('>>???');
+        var keys = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
+        var tableData = [];
+
+        // 3번째 행부터 입력 
+        // 1,2행은 예시와 타이틀이라 입력안함
+        data.slice(2).forEach(row => {
+            var rowData = {};
+            keys.forEach((key, index) => {
+                rowData[key] = row[index] ? row[index].trim() : ""; // 각 컬럼에 대해 기본값을 설정
+            });
+            tableData.push(rowData);
+        });
+
+
+        tableR.setColumns([ // 열 정의를 다시 설정
+            {formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
+                cell.getRow().toggleSelect();
+            }},
+            {title: "A", hozAlign: "center", headerHozAlign: "center", field: "A", editor: "input", width: 125, validator: ["maxLength:100", "string"]},
+            {title: "B", hozAlign: "center", headerHozAlign: "center", field: "B", editor: "input", width: 125, validator: ["maxLength:100", "string"]},
+            {title: "C", hozAlign: "center", headerHozAlign: "center", field: "C", editor: "input", width: 125, validator: ["maxLength:100", "string"]},
+            {title: "D", hozAlign: "center", headerHozAlign: "center", field: "D", editor: "input", width: 125, validator: ["maxLength:100", "string"]},
+            {title: "E", hozAlign: "center", headerHozAlign: "center", field: "E", editor: "input", width: 125, validator: ["maxLength:100", "string"]},
+            {title: "F", hozAlign: "center", headerHozAlign: "center", field: "F", editor: "input", width: 125, validator: ["maxLength:100", "string"]},
+            {title: "G", hozAlign: "center", headerHozAlign: "center", field: "G", editor: "input", width: 125, validator: ["maxLength:100", "string"]}
+        ]);
+        
+        tableR.setData(tableData).then(() => {
+            // rowTotCnt 업데이트
+            document.getElementById("rowTotCnt").innerText = tableData.length;
+        });
+    }
+
+
+    
+    
+// function handleFileUpload(files,obj)  //업로드 function
+// {
+// 	_fileForm2 = []; //form file data 초기화
+	
+// 	var limitsize = 50*1024*1024;  //파일 제한 체크(50개, 50MB)
+// 	var limitcount = 1;//$("input[name=limitcount]").val()*1 ;
+// 	var fileNece = true; //첨부파일필수
+ 
+ 
+// 	if($('#fileNece').length > 0){
+// 		if('N'==$('#fileNece').val()){
+// 			fileNece = false;  
+// 		}
+//  	}
+ 
+// 	//엑셀 및 TXT 파일만 업로드 할수 있도록 체크하기
+// 	var fileNm = files[0].name;
+// 	fileExt = fileNm.split('.').pop().toLowerCase();
+
+// 	// IE11 대응
+// 	if (fileExt != "") { 
+// 		if($.inArray(fileExt, ['txt','xls','xlsx']) == -1) {
+// 			alert('txt, xls, xlsx 파일만 업로드 할수 있습니다.');
+// 			return;
+// 		}
 		
-		for (var i = 0; i < files.length; i++)
-		{
-		    var fd = new FormData();
-		    fd.append('file', files[i]);
-		    var tmpObj = new Object();
-		    tmpObj.name = "file_" + _fileIdx;
-		    tmpObj.fileObj = files[i];
+// 		for (var i = 0; i < files.length; i++)
+// 		{
+// 		    var fd = new FormData();
+// 		    fd.append('file', files[i]);
+// 		    var tmpObj = new Object();
+// 		    tmpObj.name = "file_" + _fileIdx;
+// 		    tmpObj.fileObj = files[i];
 		     
-		    _fileForm2.push(tmpObj);
-		    sendFileToServer(fd, obj, files[i], _fileIdx);
-		    _fileIdx++;
+// 		    _fileForm2.push(tmpObj);
+// 		    sendFileToServer(fd, obj, files[i], _fileIdx);
+// 		    _fileIdx++;
 		     
-		    var totalfileSize = 0;
-		    $('.totalfileCount').text($('.item_file_size').length) ;
-		    $('.item_file_size').each(function(){
-		    	totalfileSize += $(this).val()*1 ;
-		    });
-		    $('.totalfileSize').text(getStrFileSize(totalfileSize)) ; 
-		}
-	}
-}
+// 		    var totalfileSize = 0;
+// 		    $('.totalfileCount').text($('.item_file_size').length) ;
+// 		    $('.item_file_size').each(function(){
+// 		    	totalfileSize += $(this).val()*1 ;
+// 		    });
+// 		    $('.totalfileSize').text(getStrFileSize(totalfileSize)) ; 
+// 		}
+// 	}
+// }
 
 //드래그앤 드롭 엑셀 및 텍스트 파일 서버 전송 함수
-function sendFileToServer(formData, obj , fileObj, _fileIdx)
-{
-	var msg;
-	msg = "해당 첨부파일을  수정하시겠습니까?";
-	var data = new FormData(document.msgForm);
-	_fileForm2.forEach(function(obj, idx) {
-		if (obj) data.append("file0", obj.fileObj);
-	});
+// function sendFileToServer(formData, obj , fileObj, _fileIdx)
+// {
+// 	var msg;
+// 	msg = "해당 첨부파일을  수정하시겠습니까?";
+// 	var data = new FormData(document.msgForm);
+// 	_fileForm2.forEach(function(obj, idx) {
+// 		if (obj) data.append("file0", obj.fileObj);
+// 	});
 	
-	var url = "";
+// 	var url = "";
 	
-	// IE11 대응
-	if (fileExt != "") {
-		if(fileExt == "xls" || fileExt == "xlsx"){
-			url = "/web/mjon/addr/sendExelFilePhoneNumAjax.do";
-		}else if(fileExt == "txt"){
-			url = "/web/mjon/addr/sendTxtFilePhoneNumAjax.do";
-		}else{
-			alert('txt, xls, xlsx 파일만 업로드 할수 있습니다.');
-			return;
-		}
+// 	// IE11 대응
+// 	if (fileExt != "") {
+// 		if(fileExt == "xls" || fileExt == "xlsx"){
+// 			url = "/web/mjon/addr/sendExelFilePhoneNumAjax.do";
+// 		}else if(fileExt == "txt"){
+// 			url = "/web/mjon/addr/sendTxtFilePhoneNumAjax.do";
+// 		}else{
+// 			alert('txt, xls, xlsx 파일만 업로드 할수 있습니다.');
+// 			return;
+// 		}
 		
-		//엑셀 데이터 변수에 자료가 있으면 지워준다.
-	   	if(excelAddr.length > 0){
-	    	excelAddr = [];
-	    }
+// 		//엑셀 데이터 변수에 자료가 있으면 지워준다.
+// 	   	if(excelAddr.length > 0){
+// 	    	excelAddr = [];
+// 	    }
 		
-		$.ajax({
-	      type: "POST",
-	      enctype: 'multipart/form-data',
-	      url: url,
-	      data: data,
-	      dataType:'json',
-	      async: true,
-	      processData: false,
-	      contentType: false,
-	      cache: false,
-	      //timeout: 600000,
-	      success: function (returnData, status) {
-				if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
-					if(returnData.success){
-						var data = returnData.data;
-						var message = returnData.message;
+// 		$.ajax({
+// 	      type: "POST",
+// 	      enctype: 'multipart/form-data',
+// 	      url: url,
+// 	      data: data,
+// 	      dataType:'json',
+// 	      async: true,
+// 	      processData: false,
+// 	      contentType: false,
+// 	      cache: false,
+// 	      //timeout: 600000,
+// 	      success: function (returnData, status) {
+// 				if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
+// 					if(returnData.success){
+// 						var data = returnData.data;
+// 						var message = returnData.message;
 						
-						if (message == "20000") {
-							alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
-						}
-						else {
-							if(data != null){
-								var arr = []; // 넘어온 데이터를 받은 배열 변수
-								$.each(data, function(i, item){
-									arr.push({name: item.name, phone: item.phone, info1: item.info1, info2: item.info2, info3: item.info3, info4: item.info4, memo: item.memo});
-								});
+// 						if (message == "20000") {
+// 							alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
+// 						}
+// 						else {
+// 							if(data != null){
+// 								var arr = []; // 넘어온 데이터를 받은 배열 변수
+// 								$.each(data, function(i, item){
+// 									arr.push({name: item.name, phone: item.phone, info1: item.info1, info2: item.info2, info3: item.info3, info4: item.info4, memo: item.memo});
+// 								});
 		
-								addPhoneInfo(arr); // 연락처를 처리해줄 함수 호출
-							}
+// 								addPhoneInfo(arr); // 연락처를 처리해줄 함수 호출
+// 							}
 							
-							//메세지가 있는 경우 알려주기
-							if(message != '' && message != null) {
-								alert(returnData.message);
-							}							
-						}
+// 							//메세지가 있는 경우 알려주기
+// 							if(message != '' && message != null) {
+// 								alert(returnData.message);
+// 							}							
+// 						}
 
-					}else{
-						alert(returnData.message);
-					}
-				} else if(status== 'fail'){
-					alert("저장에 실패하였습니다. !!");
-				}
-			},
-	      	error: function (e) { 
-	      		alert("저장에 실패하였습니다."); 
-	      		console.log("ERROR : ", e); 
-	      	},
-			beforeSend : function(xmlHttpRequest) {
-	        	//로딩창 show
-	        	$('.loading_layer').addClass('active');				
-			},	        	        
-	        complete : function(xhr, textStatus) {
-	        	//로딩창 hide
-	        	$('.loading_layer').removeClass('active');
-			}	      			
-	  	});
-	}
+// 					}else{
+// 						alert(returnData.message);
+// 					}
+// 				} else if(status== 'fail'){
+// 					alert("저장에 실패하였습니다. !!");
+// 				}
+// 			},
+// 	      	error: function (e) { 
+// 	      		alert("저장에 실패하였습니다."); 
+// 	      		console.log("ERROR : ", e); 
+// 	      	},
+// 			beforeSend : function(xmlHttpRequest) {
+// 	        	//로딩창 show
+// 	        	$('.loading_layer').addClass('active');				
+// 			},	        	        
+// 	        complete : function(xhr, textStatus) {
+// 	        	//로딩창 hide
+// 	        	$('.loading_layer').removeClass('active');
+// 			}	      			
+// 	  	});
+// 	}
 	
-}
+// }
 
 
 //#############################################################################################

 			return false;			
 		}
 	}	
-	
+	console.log('selectedData : ', selectedData);
+	console.log('selectedData.length : ', selectedData.length);
 	var commaSelectedData = numberWithCommas(selectedData.length);
 	var confirmMsg = "저장하시겠습니까?\n이름 20byte, [*1*]~[*4*] 40byte, 메모 250byte 초과 글자는 절사됩니다.";
 	if (selectedData.length >= 10000) {

 });
 
 //seetJs 엑셀 파일 불러오기
-function excelExport(event){
-	var data = new FormData(document.excelForm);
-	data.append("file0", $('#excelFile').prop('files')[0]);
+// function excelExport(event){
+// 	var data = new FormData(document.excelForm);
+// 	data.append("file0", $('#excelFile').prop('files')[0]);
 	
-	var fileValue = $("#excelFile").val().split("\\");
-	var fileName = fileValue[fileValue.length-1];
+// 	var fileValue = $("#excelFile").val().split("\\");
+// 	var fileName = fileValue[fileValue.length-1];
 	
-	var fileExt = fileName.split('.').pop().toLowerCase();
+// 	var fileExt = fileName.split('.').pop().toLowerCase();
 
-	// IE11 대응
-	if (fileExt != "") {
-		if($.inArray(fileExt, ['txt','xls','xlsx']) == -1) {
-			alert('txt, xls, xlsx 파일만 업로드 할수 있습니다.');
-			return false;
-		}
+// 	// IE11 대응
+// 	if (fileExt != "") {
+// 		if($.inArray(fileExt, ['txt','xls','xlsx']) == -1) {
+// 			alert('txt, xls, xlsx 파일만 업로드 할수 있습니다.');
+// 			return false;
+// 		}
 		
-		var url = "";
+// 		var url = "";
 		
-		if(fileExt == "xls" || fileExt == "xlsx"){
-			url = "/web/mjon/addr/sendExelFilePhoneNumAjax.do";
-		}else if(fileExt == "txt"){
-			url = "/web/mjon/addr/sendTxtFilePhoneNumAjax.do";
-		}else{
-			alert('txt, xls, xlsx 파일만 업로드 할수 있습니다.');
-			return;
-		}
+// 		if(fileExt == "xls" || fileExt == "xlsx"){
+// 			url = "/web/mjon/addr/sendExelFilePhoneNumAjax.do";
+// 		}else if(fileExt == "txt"){
+// 			url = "/web/mjon/addr/sendTxtFilePhoneNumAjax.do";
+// 		}else{
+// 			alert('txt, xls, xlsx 파일만 업로드 할수 있습니다.');
+// 			return;
+// 		}
 		
-		//엑셀 데이터 변수에 자료가 있으면 지워준다.
-	   	if(excelAddr.length > 0){
-	    	excelAddr = [];
-	    }
+// 		//엑셀 데이터 변수에 자료가 있으면 지워준다.
+// 	   	if(excelAddr.length > 0){
+// 	    	excelAddr = [];
+// 	    }
 		
-		$.ajax({
-	        type: "POST",
-	        enctype: 'multipart/form-data',
-	        url: url,
-	        data: data,
-	        dataType:'json',
-	        async: true,
-	        processData: false,
-	        contentType: false,
-	        cache: false,
-	        //timeout: 600000,
-	        success: function (returnData, status) {
-				if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
-					if(returnData.success){
-						var data = returnData.data;
-						var message = returnData.message;
+// 		$.ajax({
+// 	        type: "POST",
+// 	        enctype: 'multipart/form-data',
+// 	        url: url,
+// 	        data: data,
+// 	        dataType:'json',
+// 	        async: true,
+// 	        processData: false,
+// 	        contentType: false,
+// 	        cache: false,
+// 	        //timeout: 600000,
+// 	        success: function (returnData, status) {
+// 				if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
+// 					if(returnData.success){
+// 						var data = returnData.data;
+// 						var message = returnData.message;
 						
-						if (message == "20000") {
-							alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
-						}
-						else {						
-							if(data != null){
-								var arr = []; // 넘어온 데이터를 받은 배열 변수
-								$.each(data, function(i, item){
-									arr.push({name: item.name, phone: item.phone, info1: item.info1, info2: item.info2, info3: item.info3, info4: item.info4, memo: item.memo});
-								});
+// 						if (message == "20000") {
+// 							alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
+// 						}
+// 						else {						
+// 							if(data != null){
+// 								var arr = []; // 넘어온 데이터를 받은 배열 변수
+// // 								$.each(data, function(i, item){
+// // 									arr.push({name: item.name, phone: item.phone, info1: item.info1, info2: item.info2, info3: item.info3, info4: item.info4, memo: item.memo});
+// // 								});
+
+// 								data.forEach(item => {
+// 									arr.push(createDataObject(item));
+// 							    });
+// 								console.log('arr : ', arr);
 		
-								addPhoneInfo(arr); // 연락처를 처리해줄 함수 호출
+// 								addPhoneInfo(arr); // 연락처를 처리해줄 함수 호출
 								
-								//메세지가 있는 경우 알려주기
-								if(message != '' && message != null) {
-									alert(returnData.message);
-								}							
-							}
-						}
-					}else{
-						alert(returnData.message);
-					}
-				} else if(status== 'fail'){
-					alert("저장에 실패하였습니다. !!");
-				}
-			},
-	        error: function (e) {
-	        	alert("저장에 실패하였습니다."); 
-	        	console.log("ERROR : ", e); 
-	        }
-			,
-			beforeSend : function(xmlHttpRequest) {
-	        	//로딩창 show
-	        	$('.loading_layer').addClass('active');				
-			},	        	        
-	        complete : function(xhr, textStatus) {
-	        	//로딩창 hide
-	        	$('.loading_layer').removeClass('active');
-			}	      			
-	    });
+// 								//메세지가 있는 경우 알려주기
+// 								if(message != '' && message != null) {
+// 									alert(returnData.message);
+// 								}							
+// 							}
+// 						}
+// 					}else{
+// 						alert(returnData.message);
+// 					}
+// 				} else if(status== 'fail'){
+// 					alert("저장에 실패하였습니다. !!");
+// 				}
+// 			},
+// 	        error: function (e) {
+// 	        	alert("저장에 실패하였습니다."); 
+// 	        	console.log("ERROR : ", e); 
+// 	        }
+// 			,
+// 			beforeSend : function(xmlHttpRequest) {
+// 	        	//로딩창 show
+// 	        	$('.loading_layer').addClass('active');				
+// 			},	        	        
+// 	        complete : function(xhr, textStatus) {
+// 	        	//로딩창 hide
+// 	        	$('.loading_layer').removeClass('active');
+// 			}	      			
+// 	    });
 		
-		$("#excelFile").val("");
-	    $("#excelNm").val(fileName); 
-	}
+// 		$("#excelFile").val("");
+// 	    $("#excelNm").val(fileName); 
+// 	}
 	
-}
+// }
 
 //체크박스 전체선택/해제
 $(document).on("click", "#chkAll", function(e) {

 	                                    <label for="" class="label">그룹명 입력</label>
 	                                    <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" onchange="excelExport(event); return false;" style="display:none"/>
+<!-- 		                                <input type="file" id="excelFile" accept=".xls, .xlsx, .txt" onchange="excelExport(event); return false;" style="display:none"/> -->
+		                                <input type="file" id="excelFile" accept=".xls, .xlsx, .txt" style="display:none"/>
+		                                  <button type="button" id="file-load-trigger">Choose File</button>
 		                                <button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
 		                            </td>
 		                        </tr>

 						</p>
 						<button type="button" class="btnType btnType6 addCallToF">번호추가</button>
 					</div>
+					
+					
+					
+
+                    <div class="adr_excel" style="margin-top: 13px;">
+                        <!-- thead -->
+                        <div class="adr_hd select_adr_hd">
+                            <div></div>
+                            <div style="width: 125px;">
+                            	<label for="" class="label"></label>
+								<select class="field-selector">
+									<option value="">선택하기</option>
+									<option value="name">이름</option>
+									<option value="phone">휴대폰</option>
+									<option value="info1">[*1*]</option>
+									<option value="info2">[*2*]</option>
+									<option value="info3">[*3*]</option>
+									<option value="info4">[*4*]</option>
+									<option value="memo">메모</option>
+								</select>
+                            </div>
+                            <div style="width: 125px;">
+                                <label for="" class="label"></label>
+								<select class="field-selector">
+									<option value="">선택하기</option>
+									<option value="name">이름</option>
+									<option value="phone">휴대폰</option>
+									<option value="info1">[*1*]</option>
+									<option value="info2">[*2*]</option>
+									<option value="info3">[*3*]</option>
+									<option value="info4">[*4*]</option>
+									<option value="memo">메모</option>
+								</select>
+                            </div>
+                            <div style="width: 125px;">
+                                <label for="" class="label"></label>
+								<select class="field-selector">
+									<option value="">선택하기</option>
+									<option value="name">이름</option>
+									<option value="phone">휴대폰</option>
+									<option value="info1">[*1*]</option>
+									<option value="info2">[*2*]</option>
+									<option value="info3">[*3*]</option>
+									<option value="info4">[*4*]</option>
+									<option value="memo">메모</option>
+								</select>
+                            </div>
+                            <div style="width: 125px;">
+                                <label for="" class="label"></label>
+								<select class="field-selector">
+									<option value="">선택하기</option>
+									<option value="name">이름</option>
+									<option value="phone">휴대폰</option>
+									<option value="info1">[*1*]</option>
+									<option value="info2">[*2*]</option>
+									<option value="info3">[*3*]</option>
+									<option value="info4">[*4*]</option>
+									<option value="memo">메모</option>
+								</select>
+                            </div>
+                            <div style="width: 125px;">
+                                <label for="" class="label"></label>
+								<select class="field-selector">
+									<option value="">선택하기</option>
+									<option value="name">이름</option>
+									<option value="phone">휴대폰</option>
+									<option value="info1">[*1*]</option>
+									<option value="info2">[*2*]</option>
+									<option value="info3">[*3*]</option>
+									<option value="info4">[*4*]</option>
+									<option value="memo">메모</option>
+								</select>
+                            </div>
+                            <div style="width: 125px;">
+                                <label for="" class="label"></label>
+								<select class="field-selector">
+									<option value="">선택하기</option>
+									<option value="name">이름</option>
+									<option value="phone">휴대폰</option>
+									<option value="info1">[*1*]</option>
+									<option value="info2">[*2*]</option>
+									<option value="info3">[*3*]</option>
+									<option value="info4">[*4*]</option>
+									<option value="memo">메모</option>
+								</select>
+                            </div>
+                            <div style="width: 125px;">
+                                <label for="" class="label"></label>
+								<select class="field-selector">
+									<option value="">선택하기</option>
+									<option value="name">이름</option>
+									<option value="phone">휴대폰</option>
+									<option value="info1">[*1*]</option>
+									<option value="info2">[*2*]</option>
+									<option value="info3">[*3*]</option>
+									<option value="info4">[*4*]</option>
+									<option value="memo">메모</option>
+								</select>
+                            </div>
+                        </div>
+                     </div>					
+					
 					<div class="drag_drop_wrap callList_box">
 						<img src="/publish/images/content/excel.jpg" style="width: 100%;">
 					</div>

cabf73a

src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforClipboard.jsp (added)

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

...	...	@@ -0,0 +1,668 @@
	1	+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
	2	+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
	3	+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
	4	+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
	5	+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
	6	+
	7	+<script type="text/javascript" src="<c:url value='/publish/js/content.js'/>"></script>
	8	+
	9	+<script type="text/javascript">
	10	+$(document).ready(function(){
	11	+
	12	+ // 중복 휴대폰번호 버튼 노출여부
	13	+// $("#btnAddrMassDupli").hide();
	14	+// $("#btnAddrMassSaveDupli").hide();
	15	+});
	16	+
	17	+
	18	+
	19	+
	20	+function addrGroupLoadAjax(){
	21	+ $("#addrRegistSelect").load("/web/addr/selectAddrGroupAjax.do", function(response, status, xhr){});
	22	+ $("#funcAddrGroupSelect").load("/web/addr/selectAddrGroupAjax.do", function(response, status, xhr){});
	23	+}
	24	+
	25	+
	26	+function insertAddrGroupAjax() {
	27	+ var form = document.addrGrpInsertForm;
	28	+ if(form.addrGrpNm.value == "") {
	29	+ alert("주소록 그룹명을 입력해주세요.");
	30	+ return;
	31	+ }
	32	+ if(!confirm("주소록 그룹을 추가하시겠습니까?")) {
	33	+ return;
	34	+ }
	35	+ var data = new FormData(form);
	36	+
	37	+ $.ajax({
	38	+ cache : false,
	39	+ url : "<c:url value='/web/addr/insertAddrGroupAjax.do' />",
	40	+ type : 'POST',
	41	+ data : data,
	42	+ dataType:'json',
	43	+ processData: false,
	44	+ contentType: false,
	45	+ success : function(returnData, status){
	46	+ if(status == "success") {
	47	+ if("fail"==returnData.result){
	48	+ alert(returnData.message);
	49	+ return;
	50	+ } else if("dupl"==returnData.result) {
	51	+ alert("중복된 그룹명입니다.");
	52	+ return;
	53	+ }
	54	+ alert("등록되었습니다.");
	55	+ listAddrGrp();
	56	+ addrGroupLoadAjax();
	57	+
	58	+ }else{ alert("ERROR!");return;}
	59	+ },
	60	+ error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
	61	+ });
	62	+
	63	+}
	64	+
	65	+function insertAddrAjax() {
	66	+ var selectVal = $("#addrRegistSelect option:selected").val();
	67	+ //alert(selectVal);
	68	+
	69	+ var form = document.addrInsertForm;
	70	+ /*
	71	+ //필수값 아니어서 뺐음
	72	+ if(form.addrNm.value == "") {
	73	+ alert("주소록 이름을 입력하세요");
	74	+ return;
	75	+ }
	76	+ */
	77	+ if(form.addrPhoneNo.value == "") {
	78	+ alert("주소록 번호를 입력하세요");
	79	+ return;
	80	+ }
	81	+ //if(!confirm("주소록을 추가하시겠습니까?")) {
	82	+ // return;
	83	+ //}
	84	+
	85	+ if(!checkHpNum(form.addrPhoneNo.value)){//휴대폰 유효성 검사
	86	+ if(!checkNorPhoneNum(form.addrPhoneNo.value)){//일반전화 유효성 검사
	87	+
	88	+ alert("잘못된 휴대폰번호 또는 일반전화 번호 입니다.");
	89	+ return false;
	90	+
	91	+ }
	92	+
	93	+ }
	94	+
	95	+ var data = new FormData(form);
	96	+
	97	+ $.ajax({
	98	+ cache : false,
	99	+ url : "<c:url value='/web/mjon/addr/insertAddrAjax.do' />",
	100	+ type : 'POST',
	101	+ data : data,
	102	+ dataType:'json',
	103	+ processData: false,
	104	+ contentType: false,
	105	+ success : function(returnData, status){
	106	+ if(status == "success") {
	107	+ if("fail"==returnData.result){
	108	+ alert(returnData.message);
	109	+ return;
	110	+ } else if("dupl"==returnData.result){
	111	+ alert("해당 그룹에 중복된 번호가 있습니다.");
	112	+ return;
	113	+ }
	114	+ //alert("저장 되었습니다.");
	115	+
	116	+ listAddrGrp();
	117	+ addrGroupLoadAjax();
	118	+ addrLoadAjax();
	119	+
	120	+ // 주소록그룹 콤보박스 유지
	121	+ setTimeout(setSelectSetting, 500, selectVal);
	122	+
	123	+ }else{ alert("ERROR!");return;}
	124	+ },
	125	+ error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
	126	+ });
	127	+
	128	+}
	129	+
	130	+// 주소록그룹 콤보박스 유지
	131	+function setSelectSetting(selectVal) {
	132	+ $("#addrRegistSelect").val(selectVal).prop("selected", true);
	133	+}
	134	+
	135	+function linkPage(pageNo){
	136	+ if ($('#searchKeywordAddr').val() != "" && $('#searchKeywordAddr').val() != null && $('#searchKeywordAddr').val() != undefined) {
	137	+ // 문자전송 검색용
	138	+ $("#msgStartKeyword").val("");
	139	+ }
	140	+
	141	+ var searchForm = document.searchAddrForm;
	142	+ searchForm.pageIndex.value = pageNo;
	143	+ searchForm.pageUnit.value = $('#pageUnit').val();
	144	+ searchForm.searchCondition.value = $('#searchConditionAddr').val();
	145	+ searchForm.searchKeyword.value = $('#searchKeywordAddr').val();
	146	+ searchForm.startKeyword.value = $("#msgStartKeyword").val();
	147	+
	148	+ var sendData = $(document.searchAddrForm).serializeArray();
	149	+ $("#adr1_right").load("/web/mjon/addr/selectAddrAjax.do", sendData, function(response, status, xhr){tableAllChk();});
	150	+ addrGroupLoadAjax();
	151	+}
	152	+
	153	+
	154	+
	155	+//#############################################################################################
	156	+//Tabulator
	157	+//#############################################################################################
	158	+
	159	+$(document).ready(function(){
	160	+ //Tabulator AJAX Data Loading
	161	+
	162	+ // 파일 선택 버튼 클릭 이벤트
	163	+ $("#file-load-trigger").on("click", function() {
	164	+ $("#excelFile").click();
	165	+ });
	166	+
	167	+ // 파일 입력 이벤트
	168	+ $("#excelFile").on("change", function(event) {
	169	+ excelFileChange(event.target.files[0]);
	170	+ });
	171	+
	172	+
	173	+
	174	+ //받는사람 전체삭제 버튼 처리
	175	+ $('.all_del').click(function(){
	176	+ var data = $tableClip.getRows();
	177	+ if(data == null \|\| data == ""){
	178	+ alert("받는사람을 추가해 주세요.");
	179	+ return false;
	180	+ }else{
	181	+ $tableClip.clearData();
	182	+ $("#rowTotCnt").text(0); //총건수 수정
	183	+ $("#rowDupCnt").text(0); //중복건수 수정
	184	+ dupliPhoneDataRealList.length = 0; // 중복 휴대폰번호 초기화
	185	+ }
	186	+
	187	+ });
	188	+
	189	+
	190	+ // 받는사람 선택삭제 버튼 처리해주기
	191	+ $('.select_del').click(function(){
	192	+ $("#rowDupCnt").text(0); //중복건수 수정
	193	+ dupliPhoneDataRealList.length = 0; // 중복 휴대폰번호 초기화
	194	+
	195	+ if($tableClip == null \|\| $tableClip == ""){
	196	+ alert("받는사람을 추가해 주세요.");
	197	+ return false;
	198	+ }
	199	+
	200	+ var selectedData = $tableClip.getSelectedRows();
	201	+
	202	+ if(selectedData == "" \|\| selectedData == null){
	203	+ alert("받는 사람을 선택해 주세요.");
	204	+ return false;
	205	+ }else{ // 선택한 Row 데이터 삭제하기
	206	+ for(var i=0; i < selectedData.length; i++){
	207	+ selectedData[i].delete();
	208	+ }
	209	+ }
	210	+
	211	+ totRows = $tableClip.getRows().length;
	212	+
	213	+ updateTotCnt(totRows);
	214	+ });
	215	+
	216	+ //받는사람 오류번호 삭제 처리해주기
	217	+ $('.chkVali_del').click(function(){
	218	+ //기존 연락처 모두 불러오기
	219	+ var data = $tableClip.getRows();
	220	+ var tableData = [];
	221	+ var totLen = $tableClip.getRows().length;
	222	+ var errCnt = 0;
	223	+
	224	+ if(totLen > 0){
	225	+ if(confirm("올바르지 않은 연락처 정보를 삭제 하시겠습니까?")){
	226	+ for(var i=0; i < totLen; i++){
	227	+
	228	+
	229	+ var phone = data[i].getData().phone;
	230	+ var valiCheck = checkHpNum(phone);
	231	+ if(valiCheck){
	232	+ tableData.push({name: data[i].getData().name.trim(), phone: data[i].getData().phone.trim(), info1:data[i].getData().info1, info2:data[i].getData().info2, info3:data[i].getData().info3, info4:data[i].getData().info4, memo:data[i].getData().memo});
	233	+ }else{
	234	+ errCnt++;
	235	+ }
	236	+ }
	237	+
	238	+ var removeDuplData = dupliPhoneData(tableData);
	239	+
	240	+ $tableClip.setData(removeDuplData);
	241	+
	242	+ //총 받는사람 수 계산
	243	+ totRows = $tableClip.getRows().length;
	244	+ updateTotCnt(totRows);
	245	+
	246	+ if(errCnt > 0){
	247	+ alert(errCnt + " 건의 연락처를 삭제하였습니다.");
	248	+ return false;
	249	+ }else{
	250	+ alert("오류가 있는 연락처가 없습니다.");
	251	+ }
	252	+ }
	253	+ }else{
	254	+ alert("연락처 정보를 입력해 주세요.");
	255	+ return false;
	256	+ }
	257	+ });
	258	+
	259	+
	260	+
	261	+
	262	+
	263	+ // 오류검사 항목 중복제거
	264	+ function SetTableErrorDupliCheck(sVal) {
	265	+ var isDuplicate = false;
	266	+ if (tableErrorCheckData.length == 0) {
	267	+ tableErrorCheckData.push(sVal);
	268	+ }
	269	+ else {
	270	+ for (var i = 0; i < tableErrorCheckData.length; i++)
	271	+ {
	272	+ if (tableErrorCheckData[i] == sVal) {
	273	+ isDuplicate = true;
	274	+ }
	275	+ }
	276	+
	277	+ if (isDuplicate) {
	278	+ return;
	279	+ }
	280	+ else {
	281	+ tableErrorCheckData.push(sVal);
	282	+ }
	283	+ }
	284	+ }
	285	+
	286	+
	287	+ // 오류검사 항목 중복제거
	288	+ function SetTableErrorDupliCheck(sVal) {
	289	+ var isDuplicate = false;
	290	+ if (tableErrorCheckData.length == 0) {
	291	+ tableErrorCheckData.push(sVal);
	292	+ }
	293	+ else {
	294	+ for (var i = 0; i < tableErrorCheckData.length; i++)
	295	+ {
	296	+ if (tableErrorCheckData[i] == sVal) {
	297	+ isDuplicate = true;
	298	+ }
	299	+ }
	300	+
	301	+ if (isDuplicate) {
	302	+ return;
	303	+ }
	304	+ else {
	305	+ tableErrorCheckData.push(sVal);
	306	+ }
	307	+ }
	308	+ }
	309	+
	310	+ $('.check_validity').click(function(){
	311	+ tableErrorCheckData.length = 0; // 오류 번호 배열 초기화
	312	+
	313	+ var data = $tableClip.getRows();
	314	+ var invalid = $tableClip.getInvalidCells(); //오류 데이터 체크
	315	+ var dataLen = $tableClip.getRows().length; //연락처 데이터 갯수
	316	+ var totLen = invalid.length; //오류 데이터 갯수
	317	+ var errMsg = ""; //최종 alert에 표시할 메시지 저장 변수
	318	+
	319	+ if(dataLen > 0) { //연락처 정보가 있으면 수행
	320	+ if(totLen > 0) { //내용에 오류가 있으면 수행
	321	+ //오류 데이터 값 저장
	322	+ for(var i=0; i < totLen; i++) {
	323	+ var cellValue = invalid[i].getValue();
	324	+ SetTableErrorDupliCheck(cellValue);
	325	+ }
	326	+
	327	+ for(var i=0; i < dataLen; i++){
	328	+ // 휴대폰번호 체크
	329	+ var phone = data[i].getData().phone;
	330	+ var valiCheck = checkHpNum(phone);
	331	+ if(!valiCheck){
	332	+ SetTableErrorDupliCheck(phone);
	333	+ }
	334	+ }
	335	+ }
	336	+ else {
	337	+ for(var i=0; i < dataLen; i++){
	338	+ // 휴대폰번호 체크
	339	+ var phone = data[i].getData().phone;
	340	+ var valiCheck = checkHpNum(phone);
	341	+ if(!valiCheck){
	342	+ SetTableErrorDupliCheck(phone);
	343	+ }
	344	+ }
	345	+ }
	346	+ }
	347	+ else {
	348	+ alert("연락처를 입력해 주세요.");
	349	+ return false;
	350	+ }
	351	+
	352	+ if (tableErrorCheckData.length > 0) {
	353	+ for (var i = 0; i < tableErrorCheckData.length; i++)
	354	+ {
	355	+ errMsg += tableErrorCheckData[i];
	356	+ if ((tableErrorCheckData.length - 1) > i) {
	357	+ errMsg += ", ";
	358	+ }
	359	+ }
	360	+ alert(errMsg + "의 내용에 오류가 있습니다.");
	361	+ }
	362	+ else {
	363	+ alert("오류 데이터가 없습니다.");
	364	+ }
	365	+
	366	+ return false;
	367	+ });
	368	+
	369	+
	370	+
	371	+ //받는사람 중복 삭제
	372	+ $('.duple_del').click(function(){
	373	+ //기존 연락처 모두 불러오기
	374	+ var data = $tableClip.getRows();
	375	+ var tableData = [];
	376	+ var dpCnt = 0;
	377	+ var totLen = $tableClip.getRows().length;
	378	+
	379	+ for(var i=0; i < totLen; i++){
	380	+ tableData.push({name: data[i].getData().name.trim(), phone: data[i].getData().phone.trim()});
	381	+ }
	382	+
	383	+ var removeDuplData = dupliPhoneData(tableData);
	384	+ $tableClip.setData(removeDuplData);
	385	+
	386	+ //총 받는사람 수 계산
	387	+ totRows = $tableClip.getRows().length;
	388	+ updateTotCnt(totRows);
	389	+ });
	390	+
	391	+
	392	+});
	393	+
	394	+
	395	+// Show Html
	396	+function getAddrGroupListShow(jsonList) {
	397	+ var sHtml = "";
	398	+ sHtml += "<option value='NEW'>그룹추가</option>";
	399	+ sHtml += "<option value='0'>그룹미지정</option>";
	400	+ sHtml += "<option value='bookmark'>자주보내는 번호</option>";
	401	+ for (var j = 0; j < jsonList.length; j++) {
	402	+ sHtml += " <option value='" + $.trim(jsonList[j].addrGrpId) + "' />" + $.trim(jsonList[j].addrGrpNm) + "</option>";
	403	+ }
	404	+
	405	+ $("#addrGrpIdInfo").html(sHtml);
	406	+}
	407	+
	408	+$(document).on('change', '#addrGrpIdInfo', function() {
	409	+ if ($("#addrGrpIdInfo option:selected").val() != "NEW") {
	410	+ $("#addrGrpNm").val(""); // 새그룹명 Clear;
	411	+ }
	412	+});
	413	+
	414	+//#############################################################################################
	415	+//파일 불러오기
	416	+//#############################################################################################
	417	+
	418	+
	419	+//체크박스 전체선택/해제
	420	+$(document).on("click", "#chkAll", function(e) {
	421	+ var isChecked = $(this).is(":checked");
	422	+ $("input[name=addrCheck]:checkbox").prop("checked", isChecked);
	423	+});
	424	+
	425	+$(document).on("click", "#duplicationChkAll", function(e) {
	426	+ var isChecked = $(this).is(":checked");
	427	+ $("input[name=addrCheck]:checkbox").prop("checked", isChecked);
	428	+});
	429	+
	430	+
	431	+
	432	+// 중복 연락처
	433	+function GetAddrMassDupli() {
	434	+ var sHtml = "";
	435	+ sHtml += "<div class='' style='overflow-x:auto; height:350px;'>";
	436	+ sHtml += "<table class='tType4'>";
	437	+ sHtml += " <colgroup>";
	438	+ sHtml += " <col style='width:auto' />";
	439	+ sHtml += " </colgroup>";
	440	+ sHtml += " <thead>";
	441	+ sHtml += " <tr>";
	442	+ sHtml += " <th>중복 휴대폰번호 (" + numberWithCommas(dupliPhoneDataRealList.length) + "개)</th>";
	443	+ sHtml += " </tr>";
	444	+ sHtml += " </thead>";
	445	+ sHtml += " <tbody>";
	446	+ for (var i = 0; i < dupliPhoneDataRealList.length; i++) {
	447	+ sHtml += " <tr>";
	448	+ sHtml += " <td>" + dupliPhoneDataRealList[i] + "</td>";
	449	+ sHtml += " </tr>";
	450	+ }
	451	+ sHtml += " </tbody>";
	452	+ sHtml += " </table>";
	453	+ sHtml += " </div>";
	454	+
	455	+ $("#addrMassDupli_layer").html(sHtml);
	456	+}
	457	+
	458	+//중복 연락처 => 저장시
	459	+function GetAddrMassSaveDupli() {
	460	+ var sHtml = "";
	461	+ sHtml += "<div class='' style='overflow-x:auto; height:350px;'>";
	462	+ sHtml += "<table class='tType4'>";
	463	+ sHtml += " <colgroup>";
	464	+ sHtml += " <col style='width:auto' />";
	465	+ sHtml += " </colgroup>";
	466	+ sHtml += " <thead>";
	467	+ sHtml += " <tr>";
	468	+// sHtml += " <th>중복 휴대폰번호 (" + numberWithCommas(addrMassDupliSaveList.length) + "개)</th>";
	469	+ sHtml += " <th>중복 휴대폰번호 (10개)</th>";
	470	+ sHtml += " </tr>";
	471	+ sHtml += " </thead>";
	472	+ sHtml += " <tbody>";
	473	+ for (var i = 0; i < addrMassDupliSaveList.length; i++) {
	474	+ sHtml += " <tr>";
	475	+ sHtml += " <td>" + addrMassDupliSaveList[i].addrPhoneNo + "</td>";
	476	+ sHtml += " </tr>";
	477	+ }
	478	+ sHtml += " </tbody>";
	479	+ sHtml += " </table>";
	480	+ sHtml += " </div>";
	481	+
	482	+ $("#addrMassSaveDupli_layer").html(sHtml);
	483	+}
	484	+
	485	+</script>
	486	+
	487	+ <!-- 붙여넣기 -->
	488	+ <div class="popCont pop_more_cont" id="popCont_2">
	489	+ <div class="titBox">
	490	+ <p>- 텍스트(txt) 파일로 작성된 주소록을 등록하실 수 있습니다.</p>
	491	+ <p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 붙여 넣으셔야 합니다.</p>
	492	+ <p>- 입력 내용은 (Tab) 또는 (,) 구분하여 입력하여야 합니다.</p>
	493	+ <p>- 한 줄(열)에 주소 한 건만 입력 가능합니다.</p>
	494	+ <p>- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
	495	+ <p>  (예) 홍길동,010-1234-5678 또는 홍길동,01012345678</p>
	496	+ <p>- 한번에 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+c) + 붙여넣기(Ctrl+v)’ 또는 ‘엑셀입력’을 이용하세요.</p>
	497	+ <p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
	498	+ <button type="button" class="txt_btn" onclick="location.href='/download/addr/주소록_대량등록.zip'"><i></i>TXT샘플 다운로드</button>
	499	+ </div>
	500	+ <div class="pop_more_wrap">
	501	+ <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
	502	+ </div>
	503	+ </div><!--// 붙여넣기 -->
	504	+
	505	+ <!-- 공통 -->
	506	+ <div>
	507	+ <table class="layer_tType1">
	508	+ <caption>엑셀입력 표</caption>
	509	+ <colgroup>
	510	+ <col style="width: 95px">
	511	+ <col style="width: auto">
	512	+ </colgroup>
	513	+ <tbody>
	514	+ <tr>
	515	+ <th>그룹 선택</th>
	516	+ <td>
	517	+ <label for="" class="label">그룹 선택</label>
	518	+ <select id="addrGrpIdInfo" name="addrGrpIdInfo">
	519	+ </select>
	520	+ <label for="" class="label">그룹명 입력</label>
	521	+ <input type="text" id="addrGrpNm" name="addrGrpNm" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'"class="inputLight" style="width: 300px;">
	522	+
	523	+ </td>
	524	+ </tr>
	525	+ </tbody>
	526	+ </table>
	527	+ </div>
	528	+ <div class="excel_middle2">
	529	+ <p>
	530	+ 총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건
	531	+<!--   -->
	532	+<!-- <button type="button" class="btnType btnType6" data-tooltip="addrMassDupli_layer" onclick="GetAddrMassDupli()" id="btnAddrMassDupli">중복번호</button> -->
	533	+<!--   -->
	534	+<!-- <button type="button" class="btnType btnType6" data-tooltip="addrMassSaveDupli_layer" onclick="GetAddrMassSaveDupli()" id="btnAddrMassSaveDupli">중복번호</button> -->
	535	+ </p>
	536	+<!-- <button type="button" class="btnType btnType6 addCallToF">번호추가</button> -->
	537	+ </div>
	538	+
	539	+
	540	+
	541	+
	542	+ <div class="adr_excel" style="margin-top: 13px;">
	543	+ <!-- thead -->
	544	+ <div class="adr_hd select_adr_hd" data-group="tableClip">
	545	+ <div></div>
	546	+ <div style="width: 125px;">
	547	+ <label for="" class="label"></label>
	548	+ <select class="field-selector">
	549	+ <option value="">선택하기</option>
	550	+ <option value="addrNm">이름</option>
	551	+ <option value="addrPhoneNo">휴대폰</option>
	552	+ <option value="addrInfo1">[1]</option>
	553	+ <option value="addrInfo2">[2]</option>
	554	+ <option value="addrInfo3">[3]</option>
	555	+ <option value="addrInfo4">[4]</option>
	556	+ <option value="addrComment">메모</option>
	557	+ </select>
	558	+ </div>
	559	+ <div style="width: 125px;">
	560	+ <label for="" class="label"></label>
	561	+ <select class="field-selector">
	562	+ <option value="">선택하기</option>
	563	+ <option value="addrNm">이름</option>
	564	+ <option value="addrPhoneNo">휴대폰</option>
	565	+ <option value="addrInfo1">[1]</option>
	566	+ <option value="addrInfo2">[2]</option>
	567	+ <option value="addrInfo3">[3]</option>
	568	+ <option value="addrInfo4">[4]</option>
	569	+ <option value="addrComment">메모</option>
	570	+ </select>
	571	+ </div>
	572	+ <div style="width: 125px;">
	573	+ <label for="" class="label"></label>
	574	+ <select class="field-selector">
	575	+ <option value="">선택하기</option>
	576	+ <option value="addrNm">이름</option>
	577	+ <option value="addrPhoneNo">휴대폰</option>
	578	+ <option value="addrInfo1">[1]</option>
	579	+ <option value="addrInfo2">[2]</option>
	580	+ <option value="addrInfo3">[3]</option>
	581	+ <option value="addrInfo4">[4]</option>
	582	+ <option value="addrComment">메모</option>
	583	+ </select>
	584	+ </div>
	585	+ <div style="width: 125px;">
	586	+ <label for="" class="label"></label>
	587	+ <select class="field-selector">
	588	+ <option value="">선택하기</option>
	589	+ <option value="addrNm">이름</option>
	590	+ <option value="addrPhoneNo">휴대폰</option>
	591	+ <option value="addrInfo1">[1]</option>
	592	+ <option value="addrInfo2">[2]</option>
	593	+ <option value="addrInfo3">[3]</option>
	594	+ <option value="addrInfo4">[4]</option>
	595	+ <option value="addrComment">메모</option>
	596	+ </select>
	597	+ </div>
	598	+ <div style="width: 125px;">
	599	+ <label for="" class="label"></label>
	600	+ <select class="field-selector">
	601	+ <option value="">선택하기</option>
	602	+ <option value="addrNm">이름</option>
	603	+ <option value="addrPhoneNo">휴대폰</option>
	604	+ <option value="addrInfo1">[1]</option>
	605	+ <option value="addrInfo2">[2]</option>
	606	+ <option value="addrInfo3">[3]</option>
	607	+ <option value="addrInfo4">[4]</option>
	608	+ <option value="addrComment">메모</option>
	609	+ </select>
	610	+ </div>
	611	+ <div style="width: 125px;">
	612	+ <label for="" class="label"></label>
	613	+ <select class="field-selector">
	614	+ <option value="">선택하기</option>
	615	+ <option value="addrNm">이름</option>
	616	+ <option value="addrPhoneNo">휴대폰</option>
	617	+ <option value="addrInfo1">[1]</option>
	618	+ <option value="addrInfo2">[2]</option>
	619	+ <option value="addrInfo3">[3]</option>
	620	+ <option value="addrInfo4">[4]</option>
	621	+ <option value="addrComment">메모</option>
	622	+ </select>
	623	+ </div>
	624	+ <div style="width: 125px;">
	625	+ <label for="" class="label"></label>
	626	+ <select class="field-selector">
	627	+ <option value="">선택하기</option>
	628	+ <option value="addrNm">이름</option>
	629	+ <option value="addrPhoneNo">휴대폰</option>
	630	+ <option value="addrInfo1">[1]</option>
	631	+ <option value="addrInfo2">[2]</option>
	632	+ <option value="addrInfo3">[3]</option>
	633	+ <option value="addrInfo4">[4]</option>
	634	+ <option value="addrComment">메모</option>
	635	+ </select>
	636	+ </div>
	637	+ </div>
	638	+ </div>
	639	+
	640	+ <div class="drag_drop_wrap callList_box" id="tabulator_clip">
	641	+ <img src="/publish/images/content/excel.jpg" style="width: 100%;">
	642	+ </div>
	643	+ <div class="excel_middle">
	644	+ <div class="select_btnWrap clearfix">
	645	+ <div>
	646	+ <button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
	647	+ <button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
	648	+ <button type="button" class="chkVali_del"><i class="remove_img"></i>오류번호삭제</button>
	649	+ <button type="button" class="check_validity">오류 검사 <i></i></button>
	650	+ <div class="error_hover_cont send_hover_cont addr_hover_cont">
	651	+ <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
	652	+ <span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
	653	+ </div>
	654	+ </div>
	655	+
	656	+ </div>
	657	+ </div><!--// 공통 -->
	658	+
	659	+ <!-- 붙여놓기 설명 -->
	660	+ <div class="req_area">
	661	+ <div class="text_box">
	662	+ - 휴대폰 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.<br>
	663	+ - 휴대폰 번호는 필수입력 항목입니다.<br>
	664	+ - 이름,휴대폰 번호,[1],[2],[3],[4],메모 순서대로 입력해주세요.(예 : 010-1234-5678,홍길동,변수1…메모)<br>
	665	+ - 이름은 24byte, [1]~[4] 40byte, 메모는 250byte까지 입력 가능합니다.<br>
	666	+ - '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다.
	667	+ </div>
	668	+ </div>

cabf73a

src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp (added)

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

...	...	@@ -0,0 +1,955 @@
	1	+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
	2	+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
	3	+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
	4	+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
	5	+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
	6	+
	7	+<script type="text/javascript" src="<c:url value='/publish/js/content.js'/>"></script>
	8	+
	9	+<script type="text/javascript">
	10	+
	11	+$(document).ready(function(){
	12	+
	13	+ // 중복 휴대폰번호 버튼 노출여부
	14	+// $("#btnAddrMassDupli").hide();
	15	+// $("#btnAddrMassSaveDupli").hide();
	16	+});
	17	+
	18	+
	19	+function addrGroupLoadAjax(){
	20	+ $("#addrRegistSelect").load("/web/addr/selectAddrGroupAjax.do", function(response, status, xhr){});
	21	+ $("#funcAddrGroupSelect").load("/web/addr/selectAddrGroupAjax.do", function(response, status, xhr){});
	22	+}
	23	+
	24	+
	25	+function insertAddrGroupAjax() {
	26	+ var form = document.addrGrpInsertForm;
	27	+ if(form.addrGrpNm.value == "") {
	28	+ alert("주소록 그룹명을 입력해주세요.");
	29	+ return;
	30	+ }
	31	+ if(!confirm("주소록 그룹을 추가하시겠습니까?")) {
	32	+ return;
	33	+ }
	34	+ var data = new FormData(form);
	35	+
	36	+ $.ajax({
	37	+ cache : false,
	38	+ url : "<c:url value='/web/addr/insertAddrGroupAjax.do' />",
	39	+ type : 'POST',
	40	+ data : data,
	41	+ dataType:'json',
	42	+ processData: false,
	43	+ contentType: false,
	44	+ success : function(returnData, status){
	45	+ if(status == "success") {
	46	+ if("fail"==returnData.result){
	47	+ alert(returnData.message);
	48	+ return;
	49	+ } else if("dupl"==returnData.result) {
	50	+ alert("중복된 그룹명입니다.");
	51	+ return;
	52	+ }
	53	+ alert("등록되었습니다.");
	54	+ listAddrGrp();
	55	+ addrGroupLoadAjax();
	56	+
	57	+ }else{ alert("ERROR!");return;}
	58	+ },
	59	+ error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
	60	+ });
	61	+
	62	+}
	63	+
	64	+function insertAddrAjax() {
	65	+ var selectVal = $("#addrRegistSelect option:selected").val();
	66	+ //alert(selectVal);
	67	+
	68	+ var form = document.addrInsertForm;
	69	+ /*
	70	+ //필수값 아니어서 뺐음
	71	+ if(form.addrNm.value == "") {
	72	+ alert("주소록 이름을 입력하세요");
	73	+ return;
	74	+ }
	75	+ */
	76	+ if(form.addrPhoneNo.value == "") {
	77	+ alert("주소록 번호를 입력하세요");
	78	+ return;
	79	+ }
	80	+ //if(!confirm("주소록을 추가하시겠습니까?")) {
	81	+ // return;
	82	+ //}
	83	+
	84	+ if(!checkHpNum(form.addrPhoneNo.value)){//휴대폰 유효성 검사
	85	+ if(!checkNorPhoneNum(form.addrPhoneNo.value)){//일반전화 유효성 검사
	86	+
	87	+ alert("잘못된 휴대폰번호 또는 일반전화 번호 입니다.");
	88	+ return false;
	89	+
	90	+ }
	91	+
	92	+ }
	93	+
	94	+ var data = new FormData(form);
	95	+
	96	+ $.ajax({
	97	+ cache : false,
	98	+ url : "<c:url value='/web/mjon/addr/insertAddrAjax.do' />",
	99	+ type : 'POST',
	100	+ data : data,
	101	+ dataType:'json',
	102	+ processData: false,
	103	+ contentType: false,
	104	+ success : function(returnData, status){
	105	+ if(status == "success") {
	106	+ if("fail"==returnData.result){
	107	+ alert(returnData.message);
	108	+ return;
	109	+ } else if("dupl"==returnData.result){
	110	+ alert("해당 그룹에 중복된 번호가 있습니다.");
	111	+ return;
	112	+ }
	113	+ //alert("저장 되었습니다.");
	114	+
	115	+ listAddrGrp();
	116	+ addrGroupLoadAjax();
	117	+ addrLoadAjax();
	118	+
	119	+ // 주소록그룹 콤보박스 유지
	120	+ setTimeout(setSelectSetting, 500, selectVal);
	121	+
	122	+ }else{ alert("ERROR!");return;}
	123	+ },
	124	+ error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
	125	+ });
	126	+
	127	+}
	128	+
	129	+// 주소록그룹 콤보박스 유지
	130	+function setSelectSetting(selectVal) {
	131	+ $("#addrRegistSelect").val(selectVal).prop("selected", true);
	132	+}
	133	+
	134	+
	135	+
	136	+
	137	+//#############################################################################################
	138	+//Tabulator
	139	+//#############################################################################################
	140	+
	141	+$(document).ready(function(){
	142	+ // 파일 선택 버튼 클릭 이벤트
	143	+ $("#file-load-trigger").on("click", function() {
	144	+ $("#excelFile").click();
	145	+ });
	146	+
	147	+ // 파일 입력 이벤트
	148	+ $("#excelFile").on("change", function(event) {
	149	+ excelFileChange(event.target.files[0]);
	150	+ });
	151	+
	152	+
	153	+
	154	+ //받는 사람 리스트 영역에 클립보드 데이터 가져와보기
	155	+ // 붙여넣기 기능
	156	+ /* $('.callList_box').on('paste', function (e) {
	157	+ var element = e.originalEvent.clipboardData.getData('text'); // 클립보드에 복사한 데이터 가져오기
	158	+ var elmSplit= [];
	159	+ elmSplit = element.split("\n");
	160	+ var elmLen = elmSplit.length;
	161	+ console.log('elmSplit : ', elmSplit);
	162	+ if(elmLen < 0){
	163	+ alert("붙여넣을 연락처를 복사해주세요.");
	164	+ return false;
	165	+ }
	166	+ if (elmLen > 20001) {
	167	+ alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
	168	+ return false;
	169	+ }
	170	+
	171	+ tableErrorData.length = 0; // 오류 번호 배열 초기화
	172	+
	173	+ var splitData = [];
	174	+ var realPhone = [];
	175	+
	176	+ for(var i=0; i < elmLen; i++){
	177	+ var splitStr = elmSplit[i];
	178	+ var tabData = splitStr.split("\t"); //탭 구분으로 데이터 분할
	179	+ var comData = splitStr.split(","); //콤마 구분으로 데이터 분할
	180	+ if(tabData.length >= 2){
	181	+ splitData = tabData;
	182	+ }else{
	183	+ splitData = comData;
	184	+ }
	185	+
	186	+ if(splitData.length == 0){// 데이터가 없는경우
	187	+ alert("탭으로 구분하여 데이터를 복사해 주세요.");
	188	+ return false;
	189	+ }
	190	+
	191	+
	192	+ if(splitData.length == 1){
	193	+ realPhone.push({A: splitData[0].trim()});
	194	+ }else{
	195	+
	196	+ let keys = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
	197	+ let data = {};
	198	+
	199	+ splitData.forEach((item, index) => {
	200	+ data[keys[index]] = item.trim();
	201	+ });
	202	+
	203	+ realPhone.push(data);
	204	+ }//else end
	205	+ }
	206	+ console.log('realPhone : ', realPhone);
	207	+ var recTableData = $tableExcel.getRows(); // 받는사람 리스트의 전체 목록을 저장
	208	+ var tableData = [];
	209	+
	210	+ //기존 받는사람 리스트를 배열에 미리 담아둔다.
	211	+ if (recTableData.length > 0) {
	212	+ recTableData.forEach(item => {
	213	+ tableData.push(createDataObject(item.getData()));
	214	+ });
	215	+ }
	216	+
	217	+ if (realPhone.length > 0) {
	218	+ realPhone.forEach(item => {
	219	+ tableData.push(createDataObject(item));
	220	+ });
	221	+ }
	222	+
	223	+ //tableData.push(realPhone);
	224	+
	225	+ //중복 연락처 1개만 남기고 삭제하기
	226	+ // 20240719 개선작업은 폰위치가 따로없어 중복제거를 못함
	227	+// var removeDuplPhone = dupliPhoneData(tableData);
	228	+ var removeDuplPhone = tableData;
	229	+
	230	+ //수신자 리스트에 전화번호 추가해주기
	231	+ //$tableExcel.addData(removeDuplPhone);
	232	+ $tableExcel.setData(removeDuplPhone);
	233	+
	234	+ totRows = $tableExcel.getRows().length;
	235	+ updateTotCnt(totRows); //전체 데이터 갯수 구하기
	236	+
	237	+ if (tableErrorData.length > 0) {
	238	+ alert("데이터를 확인해 주세요.");
	239	+ // alert("올바르지 않은 휴대폰 번호가 "+ tableErrorData.length +" 건 있습니다.");
	240	+ //for(var x=0; x < tableErrorData.length; x++){
	241	+ // alert(tableErrorData[x]);
	242	+ //}
	243	+ }
	244	+ });
	245	+ */
	246	+
	247	+ //$tableExcel.setData(tabledata);
	248	+
	249	+
	250	+
	251	+
	252	+ //받는사람 전체삭제 버튼 처리
	253	+ $('.all_del').click(function(){
	254	+ var data = $tableExcel.getRows();
	255	+ if(data == null \|\| data == ""){
	256	+ alert("받는사람을 추가해 주세요.");
	257	+ return false;
	258	+ }else{
	259	+ $tableExcel.clearData();
	260	+ $("#rowTotCnt").text(0); //총건수 수정
	261	+ $("#rowDupCnt").text(0); //중복건수 수정
	262	+ dupliPhoneDataRealList.length = 0; // 중복 휴대폰번호 초기화
	263	+ }
	264	+
	265	+ });
	266	+
	267	+
	268	+ // 받는사람 선택삭제 버튼 처리해주기
	269	+ $('.select_del').click(function(){
	270	+ $("#rowDupCnt").text(0); //중복건수 수정
	271	+ dupliPhoneDataRealList.length = 0; // 중복 휴대폰번호 초기화
	272	+
	273	+ if($tableExcel == null \|\| $tableExcel == ""){
	274	+ alert("받는사람을 추가해 주세요.");
	275	+ return false;
	276	+ }
	277	+
	278	+ var selectedData = $tableExcel.getSelectedRows();
	279	+
	280	+ if(selectedData == "" \|\| selectedData == null){
	281	+ alert("받는 사람을 선택해 주세요.");
	282	+ return false;
	283	+ }else{ // 선택한 Row 데이터 삭제하기
	284	+ for(var i=0; i < selectedData.length; i++){
	285	+ selectedData[i].delete();
	286	+ }
	287	+ }
	288	+
	289	+ totRows = $tableExcel.getRows().length;
	290	+
	291	+ updateTotCnt(totRows);
	292	+ });
	293	+
	294	+ //받는사람 오류번호 삭제 처리해주기
	295	+ $('.chkVali_del').click(function(){
	296	+ //기존 연락처 모두 불러오기
	297	+ var data = $tableExcel.getRows();
	298	+ var tableData = [];
	299	+ var totLen = $tableExcel.getRows().length;
	300	+ var errCnt = 0;
	301	+
	302	+ if(totLen > 0){
	303	+ if(confirm("올바르지 않은 연락처 정보를 삭제 하시겠습니까?")){
	304	+ for(var i=0; i < totLen; i++){
	305	+
	306	+
	307	+ var phone = data[i].getData().phone;
	308	+ var valiCheck = checkHpNum(phone);
	309	+ if(valiCheck){
	310	+ tableData.push({name: data[i].getData().name.trim(), phone: data[i].getData().phone.trim(), info1:data[i].getData().info1, info2:data[i].getData().info2, info3:data[i].getData().info3, info4:data[i].getData().info4, memo:data[i].getData().memo});
	311	+ }else{
	312	+ errCnt++;
	313	+ }
	314	+ }
	315	+
	316	+ var removeDuplData = dupliPhoneData(tableData);
	317	+
	318	+ $tableExcel.setData(removeDuplData);
	319	+
	320	+ //총 받는사람 수 계산
	321	+ totRows = $tableExcel.getRows().length;
	322	+ updateTotCnt(totRows);
	323	+
	324	+ if(errCnt > 0){
	325	+ alert(errCnt + " 건의 연락처를 삭제하였습니다.");
	326	+ return false;
	327	+ }else{
	328	+ alert("오류가 있는 연락처가 없습니다.");
	329	+ }
	330	+ }
	331	+ }else{
	332	+ alert("연락처 정보를 입력해 주세요.");
	333	+ return false;
	334	+ }
	335	+ });
	336	+
	337	+
	338	+ // 필드 선택 이벤트 핸들러
	339	+ $("#column-selector").on("change", function() {
	340	+ let selectedField = $(this).val();
	341	+ let newValue = prompt("새 값을 입력하세요:");
	342	+ if (newValue !== null) {
	343	+ updateTableField(selectedField, newValue);
	344	+ }
	345	+ });
	346	+
	347	+
	348	+
	349	+
	350	+
	351	+
	352	+
	353	+ // 오류검사 항목 중복제거
	354	+ function SetTableErrorDupliCheck(sVal) {
	355	+ var isDuplicate = false;
	356	+ if (tableErrorCheckData.length == 0) {
	357	+ tableErrorCheckData.push(sVal);
	358	+ }
	359	+ else {
	360	+ for (var i = 0; i < tableErrorCheckData.length; i++)
	361	+ {
	362	+ if (tableErrorCheckData[i] == sVal) {
	363	+ isDuplicate = true;
	364	+ }
	365	+ }
	366	+
	367	+ if (isDuplicate) {
	368	+ return;
	369	+ }
	370	+ else {
	371	+ tableErrorCheckData.push(sVal);
	372	+ }
	373	+ }
	374	+ }
	375	+
	376	+
	377	+ // 오류검사 항목 중복제거
	378	+ function SetTableErrorDupliCheck(sVal) {
	379	+ var isDuplicate = false;
	380	+ if (tableErrorCheckData.length == 0) {
	381	+ tableErrorCheckData.push(sVal);
	382	+ }
	383	+ else {
	384	+ for (var i = 0; i < tableErrorCheckData.length; i++)
	385	+ {
	386	+ if (tableErrorCheckData[i] == sVal) {
	387	+ isDuplicate = true;
	388	+ }
	389	+ }
	390	+
	391	+ if (isDuplicate) {
	392	+ return;
	393	+ }
	394	+ else {
	395	+ tableErrorCheckData.push(sVal);
	396	+ }
	397	+ }
	398	+ }
	399	+
	400	+ $('.check_validity').click(function(){
	401	+ tableErrorCheckData.length = 0; // 오류 번호 배열 초기화
	402	+
	403	+ var data = $tableExcel.getRows();
	404	+ var invalid = $tableExcel.getInvalidCells(); //오류 데이터 체크
	405	+ var dataLen = $tableExcel.getRows().length; //연락처 데이터 갯수
	406	+ var totLen = invalid.length; //오류 데이터 갯수
	407	+ var errMsg = ""; //최종 alert에 표시할 메시지 저장 변수
	408	+
	409	+ if(dataLen > 0) { //연락처 정보가 있으면 수행
	410	+ if(totLen > 0) { //내용에 오류가 있으면 수행
	411	+ //오류 데이터 값 저장
	412	+ for(var i=0; i < totLen; i++) {
	413	+ var cellValue = invalid[i].getValue();
	414	+ SetTableErrorDupliCheck(cellValue);
	415	+ }
	416	+
	417	+ for(var i=0; i < dataLen; i++){
	418	+ // 휴대폰번호 체크
	419	+ var phone = data[i].getData().phone;
	420	+ var valiCheck = checkHpNum(phone);
	421	+ if(!valiCheck){
	422	+ SetTableErrorDupliCheck(phone);
	423	+ }
	424	+ }
	425	+ }
	426	+ else {
	427	+ for(var i=0; i < dataLen; i++){
	428	+ // 휴대폰번호 체크
	429	+ var phone = data[i].getData().phone;
	430	+ var valiCheck = checkHpNum(phone);
	431	+ if(!valiCheck){
	432	+ SetTableErrorDupliCheck(phone);
	433	+ }
	434	+ }
	435	+ }
	436	+ }
	437	+ else {
	438	+ alert("연락처를 입력해 주세요.");
	439	+ return false;
	440	+ }
	441	+
	442	+ if (tableErrorCheckData.length > 0) {
	443	+ for (var i = 0; i < tableErrorCheckData.length; i++)
	444	+ {
	445	+ errMsg += tableErrorCheckData[i];
	446	+ if ((tableErrorCheckData.length - 1) > i) {
	447	+ errMsg += ", ";
	448	+ }
	449	+ }
	450	+ alert(errMsg + "의 내용에 오류가 있습니다.");
	451	+ }
	452	+ else {
	453	+ alert("오류 데이터가 없습니다.");
	454	+ }
	455	+
	456	+ return false;
	457	+ });
	458	+
	459	+
	460	+
	461	+ //받는사람 중복 삭제
	462	+ $('.duple_del').click(function(){
	463	+ //기존 연락처 모두 불러오기
	464	+ var data = $tableExcel.getRows();
	465	+ var tableData = [];
	466	+ var dpCnt = 0;
	467	+ var totLen = $tableExcel.getRows().length;
	468	+
	469	+ for(var i=0; i < totLen; i++){
	470	+ tableData.push({name: data[i].getData().name.trim(), phone: data[i].getData().phone.trim()});
	471	+ }
	472	+
	473	+ var removeDuplData = dupliPhoneData(tableData);
	474	+ $tableExcel.setData(removeDuplData);
	475	+
	476	+ //총 받는사람 수 계산
	477	+ totRows = $tableExcel.getRows().length;
	478	+ updateTotCnt(totRows);
	479	+ });
	480	+
	481	+
	482	+});
	483	+
	484	+
	485	+
	486	+// 데이터 객체를 생성하는 함수
	487	+function createDataObject(data) {
	488	+ return {
	489	+ A: data.A,
	490	+ B: data.B,
	491	+ C: data.C,
	492	+ D: data.D,
	493	+ E: data.E,
	494	+ F: data.F,
	495	+ G: data.G
	496	+ };
	497	+}
	498	+
	499	+//#############################################################################################
	500	+//파일업로드 드래그앤 드롭
	501	+//#############################################################################################
	502	+var objDragAndDrop = $(".upload_area");
	503	+$(document).on("dragenter",".upload_area",function(e){
	504	+ e.stopPropagation();
	505	+ e.preventDefault();
	506	+ //$(this).css('border', '2px solid #0B85A1');
	507	+});
	508	+$(document).on("dragover",".upload_area",function(e){
	509	+ e.stopPropagation();
	510	+ e.preventDefault();
	511	+});
	512	+$(document).on("drop",".upload_area",function(e){
	513	+ //$(this).css('border', '2px dotted #0B85A1');
	514	+ e.preventDefault();
	515	+ var files = e.originalEvent.dataTransfer.files;
	516	+// handleFileUpload(files,objDragAndDrop); //파일업로드
	517	+ excelFileChange(files[0]);
	518	+});
	519	+
	520	+$(document).on('dragenter', function (e){
	521	+ e.stopPropagation();
	522	+ e.preventDefault();
	523	+});
	524	+$(document).on('dragover', function (e){
	525	+e.stopPropagation();
	526	+e.preventDefault();
	527	+//objDragAndDrop.css('border', '2px dotted #0B85A1');
	528	+});
	529	+$(document).on('drop', function (e){
	530	+ e.stopPropagation();
	531	+ e.preventDefault();
	532	+});
	533	+//파일 드래그앤드롭 종료
	534	+
	535	+
	536	+ function excelFileChange(file){
	537	+
	538	+// var file = event.target.files[0];
	539	+ if (file) {
	540	+ var reader = new FileReader();
	541	+ reader.onload = function(e) {
	542	+ var data = new Uint8Array(e.target.result);
	543	+ var workbook = XLSX.read(data, {type: 'array'});
	544	+ var firstSheet = workbook.Sheets[workbook.SheetNames[0]];
	545	+ var jsonData = XLSX.utils.sheet_to_json(firstSheet, {header: 1});
	546	+ processExcelData(jsonData);
	547	+ };
	548	+ reader.readAsArrayBuffer(file);
	549	+ }
	550	+ }
	551	+
	552	+ // 엑셀 데이터 처리 함수
	553	+ function processExcelData(data) {
	554	+ var keys = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
	555	+ var tableData = [];
	556	+
	557	+ // 3번째 행부터 입력
	558	+ // 1,2행은 예시와 타이틀이라 입력안함
	559	+ data.slice(2).forEach(row => {
	560	+ var rowData = {};
	561	+ keys.forEach((key, index) => {
	562	+ rowData[key] = row[index] ? row[index].trim() : ""; // 각 컬럼에 대해 기본값을 설정
	563	+ });
	564	+ tableData.push(rowData);
	565	+ });
	566	+
	567	+
	568	+ $tableExcel.setColumns([ // 열 정의를 다시 설정
	569	+ {formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
	570	+ cell.getRow().toggleSelect();
	571	+ }},
	572	+ {title: "A", hozAlign: "center", headerHozAlign: "center", field: "A", editor: "input", width: 125, validator: ["maxLength:100", "string"]},
	573	+ {title: "B", hozAlign: "center", headerHozAlign: "center", field: "B", editor: "input", width: 125, validator: ["maxLength:100", "string"]},
	574	+ {title: "C", hozAlign: "center", headerHozAlign: "center", field: "C", editor: "input", width: 125, validator: ["maxLength:100", "string"]},
	575	+ {title: "D", hozAlign: "center", headerHozAlign: "center", field: "D", editor: "input", width: 125, validator: ["maxLength:100", "string"]},
	576	+ {title: "E", hozAlign: "center", headerHozAlign: "center", field: "E", editor: "input", width: 125, validator: ["maxLength:100", "string"]},
	577	+ {title: "F", hozAlign: "center", headerHozAlign: "center", field: "F", editor: "input", width: 125, validator: ["maxLength:100", "string"]},
	578	+ {title: "G", hozAlign: "center", headerHozAlign: "center", field: "G", editor: "input", width: 125, validator: ["maxLength:100", "string"]}
	579	+ ]);
	580	+
	581	+ $tableExcel.setData(tableData).then(() => {
	582	+ // rowTotCnt 업데이트
	583	+ document.getElementById("rowTotCnt").innerText = tableData.length;
	584	+ });
	585	+
	586	+ }
	587	+
	588	+
	589	+
	590	+//#############################################################################################
	591	+//등록
	592	+//#############################################################################################
	593	+
	594	+
	595	+
	596	+// 주소록 그룹 중복체크
	597	+function getAddrGroupDuplCheckAjax() {
	598	+ var isReturn = true;
	599	+
	600	+ $.ajax({
	601	+ url : "<c:url value='/web/addr/getAddrGroupDuplCheckAjax.do' />",
	602	+ type : 'POST',
	603	+ data : {"addrGrpNm" : $("#addrGrpNm").val()},
	604	+ dataType:'json',
	605	+ async: false, // 동기
	606	+ success : function(data, status){
	607	+ if(data.isSuccess == true) {
	608	+ if(data.isDupl == true) {
	609	+ //alert("중복된 그룹명입니다.");
	610	+ isReturn = false;
	611	+ }
	612	+ }
	613	+ else {
	614	+ //alert("Message : " + msg);
	615	+ }
	616	+ },
	617	+ error: function (e) {
	618	+ //alert("주소록 중복체크에 실패했습니다.");
	619	+ }
	620	+ });
	621	+
	622	+ return isReturn;
	623	+}
	624	+
	625	+//주소록그룹 콤보박스 유지
	626	+function setSelectMassSetting(selectMassVal) {
	627	+ $("#addrGrpIdInfo").val(selectMassVal).prop("selected", true);
	628	+}
	629	+
	630	+//데이터 비우기
	631	+function SetClear() {
	632	+ $("#addrGrpNm").val(""); // 새그룹명 Clear;
	633	+ // 주소록 그룹정보 불러오기
	634	+ getAddrGroupList();
	635	+
	636	+ var data = $tableExcel.getRows();
	637	+ if (data == null \|\| data == "") {
	638	+ }
	639	+ else {
	640	+ $tableExcel.clearData();
	641	+ $("#rowTotCnt").text(0); //총건수 수정
	642	+ $("#rowDupCnt").text(0); //중복건수 수정
	643	+ dupliPhoneDataRealList.length = 0; // 중복 휴대폰번호 초기화
	644	+ }
	645	+}
	646	+
	647	+// 주소록 그룹정보 불러오기
	648	+function getAddrGroupList() {
	649	+ $.ajax({
	650	+ type : "POST",
	651	+ async : false,
	652	+ url : "/web/mjon/addr/addrGroupListAjax.do",
	653	+ data : {},
	654	+ dataType:'json',
	655	+ success : function(data) {
	656	+ //alert(JSON.stringify(data.addrGroupList));
	657	+
	658	+ // Show Html
	659	+ getAddrGroupListShow(data.addrGroupList);
	660	+ },
	661	+ error : function(xhr, status, error) {
	662	+ alert(error);
	663	+ return false;
	664	+ }
	665	+ });
	666	+}
	667	+
	668	+// Show Html
	669	+function getAddrGroupListShow(jsonList) {
	670	+ var sHtml = "";
	671	+ sHtml += "<option value='NEW'>그룹추가</option>";
	672	+ sHtml += "<option value='0'>그룹미지정</option>";
	673	+ sHtml += "<option value='bookmark'>자주보내는 번호</option>";
	674	+ for (var j = 0; j < jsonList.length; j++) {
	675	+ sHtml += " <option value='" + $.trim(jsonList[j].addrGrpId) + "' />" + $.trim(jsonList[j].addrGrpNm) + "</option>";
	676	+ }
	677	+
	678	+ $("#addrGrpIdInfo").html(sHtml);
	679	+}
	680	+
	681	+$(document).on('change', '#addrGrpIdInfo', function() {
	682	+ if ($("#addrGrpIdInfo option:selected").val() != "NEW") {
	683	+ $("#addrGrpNm").val(""); // 새그룹명 Clear;
	684	+ }
	685	+});
	686	+
	687	+//#############################################################################################
	688	+//파일 불러오기
	689	+//#############################################################################################
	690	+
	691	+//엑섹불러오기 버튼 클릭시 파일 첨부 실행
	692	+$(document).on('click', '.c3', function() {
	693	+ $("#excelFile").click();
	694	+});
	695	+
	696	+//체크박스 전체선택/해제
	697	+$(document).on("click", "#chkAll", function(e) {
	698	+ var isChecked = $(this).is(":checked");
	699	+ $("input[name=addrCheck]:checkbox").prop("checked", isChecked);
	700	+});
	701	+
	702	+$(document).on("click", "#duplicationChkAll", function(e) {
	703	+ var isChecked = $(this).is(":checked");
	704	+ $("input[name=addrCheck]:checkbox").prop("checked", isChecked);
	705	+});
	706	+
	707	+
	708	+
	709	+// 중복 연락처
	710	+function GetAddrMassDupli() {
	711	+ var sHtml = "";
	712	+ sHtml += "<div class='' style='overflow-x:auto; height:350px;'>";
	713	+ sHtml += "<table class='tType4'>";
	714	+ sHtml += " <colgroup>";
	715	+ sHtml += " <col style='width:auto' />";
	716	+ sHtml += " </colgroup>";
	717	+ sHtml += " <thead>";
	718	+ sHtml += " <tr>";
	719	+ sHtml += " <th>중복 휴대폰번호 (" + numberWithCommas(dupliPhoneDataRealList.length) + "개)</th>";
	720	+ sHtml += " </tr>";
	721	+ sHtml += " </thead>";
	722	+ sHtml += " <tbody>";
	723	+ for (var i = 0; i < dupliPhoneDataRealList.length; i++) {
	724	+ sHtml += " <tr>";
	725	+ sHtml += " <td>" + dupliPhoneDataRealList[i] + "</td>";
	726	+ sHtml += " </tr>";
	727	+ }
	728	+ sHtml += " </tbody>";
	729	+ sHtml += " </table>";
	730	+ sHtml += " </div>";
	731	+
	732	+ $("#addrMassDupli_layer").html(sHtml);
	733	+}
	734	+
	735	+//중복 연락처 => 저장시
	736	+function GetAddrMassSaveDupli() {
	737	+ var sHtml = "";
	738	+ sHtml += "<div class='' style='overflow-x:auto; height:350px;'>";
	739	+ sHtml += "<table class='tType4'>";
	740	+ sHtml += " <colgroup>";
	741	+ sHtml += " <col style='width:auto' />";
	742	+ sHtml += " </colgroup>";
	743	+ sHtml += " <thead>";
	744	+ sHtml += " <tr>";
	745	+// sHtml += " <th>중복 휴대폰번호 (" + numberWithCommas(addrMassDupliSaveList.length) + "개)</th>";
	746	+ sHtml += " <th>중복 휴대폰번호 (10개)</th>";
	747	+ sHtml += " </tr>";
	748	+ sHtml += " </thead>";
	749	+ sHtml += " <tbody>";
	750	+ for (var i = 0; i < addrMassDupliSaveList.length; i++) {
	751	+ sHtml += " <tr>";
	752	+ sHtml += " <td>" + addrMassDupliSaveList[i].addrPhoneNo + "</td>";
	753	+ sHtml += " </tr>";
	754	+ }
	755	+ sHtml += " </tbody>";
	756	+ sHtml += " </table>";
	757	+ sHtml += " </div>";
	758	+
	759	+ $("#addrMassSaveDupli_layer").html(sHtml);
	760	+}
	761	+
	762	+</script>
	763	+ <!-- 엑셀입력 -->
	764	+ <div class="popCont current pop_more_cont" id="popCont_1">
	765	+ <div class="titBox">
	766	+ <p>- 엑셀(EXCEL) 파일로 주소록을 한 번에 최대 2만건까지 등록하여 간편하게 발송 및 관리하실 수 있습니다.</p>
	767	+ <p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 작성하셔야 합니다.</p>
	768	+ <p>   ※ 주소록 관리 메뉴에서 다운로드 받으신 엑셀 파일 또한 업로드 양식에 맞추어 작성하셔야 하며, </p>
	769	+ <p>       주소록에 이미 등록된 휴대폰 번호는 업데이트 되지 않으므로 기존 주소록에서 해당 휴대폰 번호를 삭제한 후 재등록해 주시기 바랍니다.</p>
	770	+ <p>- 쉼표(,), 구분선(\|), 역슬래시(＼, ￦), 작은따옴표('), 큰따옴표(") 등 발송불가 특수문자는 저장되지 않습니다.</p>
	771	+ <p>- 휴대폰 번호는 필수입력 항목입니다.</p>
	772	+ <p>- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
	773	+ <p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
	774	+ <p>- 이름 20byte, [1]~[4] 40byte, 메모 250byte까지 입력 가능합니다.</p>
	775	+ <p>- 첨부가능 파일 : xlsx, xls(최대용량 3MB)</p>
	776	+ <p>- ‘오류 검사’를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다.</p>
	777	+ <p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
	778	+ <button type="button" class="excel_btn" onclick="location.href='/download/addr/주소록_대량등록.xlsx'"><i class="downroad"></i>샘플파일 다운로드</button>
	779	+ </div>
	780	+ <div class="pop_more_wrap">
	781	+ <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
	782	+ </div>
	783	+ </div><!--// 엑셀입력 -->
	784	+
	785	+ <!-- 공통 -->
	786	+ <div>
	787	+ <table class="layer_tType1">
	788	+ <caption>엑셀입력 표</caption>
	789	+ <colgroup>
	790	+ <col style="width: 95px">
	791	+ <col style="width: auto">
	792	+ </colgroup>
	793	+ <tbody>
	794	+ <tr>
	795	+ <th>그룹 선택</th>
	796	+ <td>
	797	+ <label for="" class="label">그룹 선택</label>
	798	+ <select id="addrGrpIdInfo" name="addrGrpIdInfo">
	799	+ </select>
	800	+ <label for="" class="label">그룹명 입력</label>
	801	+ <input type="text" id="addrGrpNm" name="addrGrpNm" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'"class="inputLight" style="width: 300px;">
	802	+
	803	+<!-- <input type="file" id="excelFile" accept=".xls, .xlsx, .txt" onchange="excelExport(event); return false;" style="display:none"/> -->
	804	+ <input type="file" id="excelFile" accept=".xls, .xlsx, .txt" style="display:none"/>
	805	+<!-- <button type="button" id="file-load-trigger">Choose File</button> -->
	806	+ <button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
	807	+ </td>
	808	+ </tr>
	809	+ </tbody>
	810	+ </table>
	811	+ </div>
	812	+ <div class="file_add upload_area">
	813	+ <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요</p>
	814	+ </div>
	815	+ <div class="excel_middle2">
	816	+ <p>
	817	+ 총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건
	818	+
	819	+ <button type="button" class="btnType btnType6" data-tooltip="addrMassDupli_layer" onclick="GetAddrMassDupli()" id="btnAddrMassDupli">중복번호</button>
	820	+
	821	+ <button type="button" class="btnType btnType6" data-tooltip="addrMassSaveDupli_layer" onclick="GetAddrMassSaveDupli()" id="btnAddrMassSaveDupli">중복번호</button>
	822	+ </p>
	823	+<!-- <button type="button" class="btnType btnType6 addCallToF">번호추가</button> -->
	824	+ </div>
	825	+
	826	+
	827	+
	828	+
	829	+ <div class="adr_excel" style="margin-top: 13px;">
	830	+ <!-- thead -->
	831	+ <div class="adr_hd select_adr_hd" data-group="tableExcel">
	832	+ <div></div>
	833	+ <div style="width: 125px;">
	834	+ <label for="" class="label"></label>
	835	+ <select class="field-selector">
	836	+ <option value="">선택하기</option>
	837	+ <option value="addrNm">이름</option>
	838	+ <option value="addrPhoneNo">휴대폰</option>
	839	+ <option value="addrInfo1">[1]</option>
	840	+ <option value="addrInfo2">[2]</option>
	841	+ <option value="addrInfo3">[3]</option>
	842	+ <option value="addrInfo4">[4]</option>
	843	+ <option value="addrComment">메모</option>
	844	+ </select>
	845	+ </div>
	846	+ <div style="width: 125px;">
	847	+ <label for="" class="label"></label>
	848	+ <select class="field-selector">
	849	+ <option value="">선택하기</option>
	850	+ <option value="addrNm">이름</option>
	851	+ <option value="addrPhoneNo">휴대폰</option>
	852	+ <option value="addrInfo1">[1]</option>
	853	+ <option value="addrInfo2">[2]</option>
	854	+ <option value="addrInfo3">[3]</option>
	855	+ <option value="addrInfo4">[4]</option>
	856	+ <option value="addrComment">메모</option>
	857	+ </select>
	858	+ </div>
	859	+ <div style="width: 125px;">
	860	+ <label for="" class="label"></label>
	861	+ <select class="field-selector">
	862	+ <option value="">선택하기</option>
	863	+ <option value="addrNm">이름</option>
	864	+ <option value="addrPhoneNo">휴대폰</option>
	865	+ <option value="addrInfo1">[1]</option>
	866	+ <option value="addrInfo2">[2]</option>
	867	+ <option value="addrInfo3">[3]</option>
	868	+ <option value="addrInfo4">[4]</option>
	869	+ <option value="addrComment">메모</option>
	870	+ </select>
	871	+ </div>
	872	+ <div style="width: 125px;">
	873	+ <label for="" class="label"></label>
	874	+ <select class="field-selector">
	875	+ <option value="">선택하기</option>
	876	+ <option value="addrNm">이름</option>
	877	+ <option value="addrPhoneNo">휴대폰</option>
	878	+ <option value="addrInfo1">[1]</option>
	879	+ <option value="addrInfo2">[2]</option>
	880	+ <option value="addrInfo3">[3]</option>
	881	+ <option value="addrInfo4">[4]</option>
	882	+ <option value="addrComment">메모</option>
	883	+ </select>
	884	+ </div>
	885	+ <div style="width: 125px;">
	886	+ <label for="" class="label"></label>
	887	+ <select class="field-selector">
	888	+ <option value="">선택하기</option>
	889	+ <option value="addrNm">이름</option>
	890	+ <option value="addrPhoneNo">휴대폰</option>
	891	+ <option value="addrInfo1">[1]</option>
	892	+ <option value="addrInfo2">[2]</option>
	893	+ <option value="addrInfo3">[3]</option>
	894	+ <option value="addrInfo4">[4]</option>
	895	+ <option value="addrComment">메모</option>
	896	+ </select>
	897	+ </div>
	898	+ <div style="width: 125px;">
	899	+ <label for="" class="label"></label>
	900	+ <select class="field-selector">
	901	+ <option value="">선택하기</option>
	902	+ <option value="addrNm">이름</option>
	903	+ <option value="addrPhoneNo">휴대폰</option>
	904	+ <option value="addrInfo1">[1]</option>
	905	+ <option value="addrInfo2">[2]</option>
	906	+ <option value="addrInfo3">[3]</option>
	907	+ <option value="addrInfo4">[4]</option>
	908	+ <option value="addrComment">메모</option>
	909	+ </select>
	910	+ </div>
	911	+ <div style="width: 125px;">
	912	+ <label for="" class="label"></label>
	913	+ <select class="field-selector">
	914	+ <option value="">선택하기</option>
	915	+ <option value="addrNm">이름</option>
	916	+ <option value="addrPhoneNo">휴대폰</option>
	917	+ <option value="addrInfo1">[1]</option>
	918	+ <option value="addrInfo2">[2]</option>
	919	+ <option value="addrInfo3">[3]</option>
	920	+ <option value="addrInfo4">[4]</option>
	921	+ <option value="addrComment">메모</option>
	922	+ </select>
	923	+ </div>
	924	+ </div>
	925	+ </div>
	926	+
	927	+ <div class="drag_drop_wrap callList_box" id="tabulator_excel">
	928	+ <img src="/publish/images/content/excel.jpg" style="width: 100%;">
	929	+ </div>
	930	+ <div class="excel_middle">
	931	+ <div class="select_btnWrap clearfix">
	932	+ <div>
	933	+ <button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
	934	+ <button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
	935	+ <button type="button" class="chkVali_del"><i class="remove_img"></i>오류번호삭제</button>
	936	+ <button type="button" class="check_validity">오류 검사 <i></i></button>
	937	+ <div class="error_hover_cont send_hover_cont addr_hover_cont">
	938	+ <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
	939	+ <span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
	940	+ </div>
	941	+ </div>
	942	+
	943	+ </div>
	944	+ </div><!--// 공통 -->
	945	+
	946	+ <!-- 붙여놓기 설명 -->
	947	+ <div class="req_area">
	948	+ <div class="text_box">
	949	+ - 휴대폰 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.<br>
	950	+ - 휴대폰 번호는 필수입력 항목입니다.<br>
	951	+ - 이름,휴대폰 번호,[1],[2],[3],[4],메모 순서대로 입력해주세요.(예 : 010-1234-5678,홍길동,변수1…메모)<br>
	952	+ - 이름은 24byte, [1]~[4] 40byte, 메모는 250byte까지 입력 가능합니다.<br>
	953	+ - '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다.
	954	+ </div>
	955	+ </div>

cabf73a

src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforSelf.jsp (added)

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

...	...	@@ -0,0 +1,697 @@
	1	+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
	2	+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
	3	+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
	4	+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
	5	+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
	6	+
	7	+<script type="text/javascript" src="<c:url value='/publish/js/content.js'/>"></script>
	8	+
	9	+<script type="text/javascript">
	10	+$(document).ready(function(){
	11	+
	12	+ // 중복 휴대폰번호 버튼 노출여부
	13	+// $("#btnAddrMassDupli").hide();
	14	+// $("#btnAddrMassSaveDupli").hide();
	15	+
	16	+ //붙여넣기 이벤트 핸들러
	17	+ document.querySelector('#tabulator_clip').addEventListener('paste', function(e) {
	18	+ e.preventDefault();
	19	+ var text = e.clipboardData.getData('text/plain');
	20	+ var rows = text.split('\n').map(row => row.split(',').map(cell => cell.trim()));
	21	+
	22	+ var tableData = rows.map(row => {
	23	+ return {
	24	+ A: row[0] \|\| "",
	25	+ B: row[1] \|\| "",
	26	+ C: row[2] \|\| "",
	27	+ D: row[3] \|\| "",
	28	+ E: row[4] \|\| "",
	29	+ F: row[5] \|\| "",
	30	+ G: row[6] \|\| ""
	31	+ };
	32	+ });
	33	+
	34	+ $tableClip.setData(tableData);
	35	+ });
	36	+
	37	+});
	38	+
	39	+
	40	+
	41	+
	42	+function addrGroupLoadAjax(){
	43	+ $("#addrRegistSelect").load("/web/addr/selectAddrGroupAjax.do", function(response, status, xhr){});
	44	+ $("#funcAddrGroupSelect").load("/web/addr/selectAddrGroupAjax.do", function(response, status, xhr){});
	45	+}
	46	+
	47	+
	48	+function insertAddrGroupAjax() {
	49	+ var form = document.addrGrpInsertForm;
	50	+ if(form.addrGrpNm.value == "") {
	51	+ alert("주소록 그룹명을 입력해주세요.");
	52	+ return;
	53	+ }
	54	+ if(!confirm("주소록 그룹을 추가하시겠습니까?")) {
	55	+ return;
	56	+ }
	57	+ var data = new FormData(form);
	58	+
	59	+ $.ajax({
	60	+ cache : false,
	61	+ url : "<c:url value='/web/addr/insertAddrGroupAjax.do' />",
	62	+ type : 'POST',
	63	+ data : data,
	64	+ dataType:'json',
	65	+ processData: false,
	66	+ contentType: false,
	67	+ success : function(returnData, status){
	68	+ if(status == "success") {
	69	+ if("fail"==returnData.result){
	70	+ alert(returnData.message);
	71	+ return;
	72	+ } else if("dupl"==returnData.result) {
	73	+ alert("중복된 그룹명입니다.");
	74	+ return;
	75	+ }
	76	+ alert("등록되었습니다.");
	77	+ listAddrGrp();
	78	+ addrGroupLoadAjax();
	79	+
	80	+ }else{ alert("ERROR!");return;}
	81	+ },
	82	+ error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
	83	+ });
	84	+
	85	+}
	86	+
	87	+function insertAddrAjax() {
	88	+ var selectVal = $("#addrRegistSelect option:selected").val();
	89	+ //alert(selectVal);
	90	+
	91	+ var form = document.addrInsertForm;
	92	+ /*
	93	+ //필수값 아니어서 뺐음
	94	+ if(form.addrNm.value == "") {
	95	+ alert("주소록 이름을 입력하세요");
	96	+ return;
	97	+ }
	98	+ */
	99	+ if(form.addrPhoneNo.value == "") {
	100	+ alert("주소록 번호를 입력하세요");
	101	+ return;
	102	+ }
	103	+ //if(!confirm("주소록을 추가하시겠습니까?")) {
	104	+ // return;
	105	+ //}
	106	+
	107	+ if(!checkHpNum(form.addrPhoneNo.value)){//휴대폰 유효성 검사
	108	+ if(!checkNorPhoneNum(form.addrPhoneNo.value)){//일반전화 유효성 검사
	109	+
	110	+ alert("잘못된 휴대폰번호 또는 일반전화 번호 입니다.");
	111	+ return false;
	112	+
	113	+ }
	114	+
	115	+ }
	116	+
	117	+ var data = new FormData(form);
	118	+
	119	+ $.ajax({
	120	+ cache : false,
	121	+ url : "<c:url value='/web/mjon/addr/insertAddrAjax.do' />",
	122	+ type : 'POST',
	123	+ data : data,
	124	+ dataType:'json',
	125	+ processData: false,
	126	+ contentType: false,
	127	+ success : function(returnData, status){
	128	+ if(status == "success") {
	129	+ if("fail"==returnData.result){
	130	+ alert(returnData.message);
	131	+ return;
	132	+ } else if("dupl"==returnData.result){
	133	+ alert("해당 그룹에 중복된 번호가 있습니다.");
	134	+ return;
	135	+ }
	136	+ //alert("저장 되었습니다.");
	137	+
	138	+ listAddrGrp();
	139	+ addrGroupLoadAjax();
	140	+ addrLoadAjax();
	141	+
	142	+ // 주소록그룹 콤보박스 유지
	143	+ setTimeout(setSelectSetting, 500, selectVal);
	144	+
	145	+ }else{ alert("ERROR!");return;}
	146	+ },
	147	+ error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
	148	+ });
	149	+
	150	+}
	151	+
	152	+// 주소록그룹 콤보박스 유지
	153	+function setSelectSetting(selectVal) {
	154	+ $("#addrRegistSelect").val(selectVal).prop("selected", true);
	155	+}
	156	+
	157	+function linkPage(pageNo){
	158	+ if ($('#searchKeywordAddr').val() != "" && $('#searchKeywordAddr').val() != null && $('#searchKeywordAddr').val() != undefined) {
	159	+ // 문자전송 검색용
	160	+ $("#msgStartKeyword").val("");
	161	+ }
	162	+
	163	+ var searchForm = document.searchAddrForm;
	164	+ searchForm.pageIndex.value = pageNo;
	165	+ searchForm.pageUnit.value = $('#pageUnit').val();
	166	+ searchForm.searchCondition.value = $('#searchConditionAddr').val();
	167	+ searchForm.searchKeyword.value = $('#searchKeywordAddr').val();
	168	+ searchForm.startKeyword.value = $("#msgStartKeyword").val();
	169	+
	170	+ var sendData = $(document.searchAddrForm).serializeArray();
	171	+ $("#adr1_right").load("/web/mjon/addr/selectAddrAjax.do", sendData, function(response, status, xhr){tableAllChk();});
	172	+ addrGroupLoadAjax();
	173	+}
	174	+
	175	+
	176	+
	177	+//#############################################################################################
	178	+//Tabulator
	179	+//#############################################################################################
	180	+
	181	+$(document).ready(function(){
	182	+ //Tabulator AJAX Data Loading
	183	+
	184	+ // 파일 선택 버튼 클릭 이벤트
	185	+ $("#file-load-trigger").on("click", function() {
	186	+ $("#excelFile").click();
	187	+ });
	188	+
	189	+ // 파일 입력 이벤트
	190	+ $("#excelFile").on("change", function(event) {
	191	+ excelFileChange(event.target.files[0]);
	192	+ });
	193	+
	194	+
	195	+
	196	+ //받는사람 전체삭제 버튼 처리
	197	+ $('.all_del').click(function(){
	198	+ var data = $tableClip.getRows();
	199	+ if(data == null \|\| data == ""){
	200	+ alert("받는사람을 추가해 주세요.");
	201	+ return false;
	202	+ }else{
	203	+ $tableClip.clearData();
	204	+ $("#rowTotCnt").text(0); //총건수 수정
	205	+ $("#rowDupCnt").text(0); //중복건수 수정
	206	+ dupliPhoneDataRealList.length = 0; // 중복 휴대폰번호 초기화
	207	+ }
	208	+
	209	+ });
	210	+
	211	+
	212	+ // 받는사람 선택삭제 버튼 처리해주기
	213	+ $('.select_del').click(function(){
	214	+ $("#rowDupCnt").text(0); //중복건수 수정
	215	+ dupliPhoneDataRealList.length = 0; // 중복 휴대폰번호 초기화
	216	+
	217	+ if($tableClip == null \|\| $tableClip == ""){
	218	+ alert("받는사람을 추가해 주세요.");
	219	+ return false;
	220	+ }
	221	+
	222	+ var selectedData = $tableClip.getSelectedRows();
	223	+
	224	+ if(selectedData == "" \|\| selectedData == null){
	225	+ alert("받는 사람을 선택해 주세요.");
	226	+ return false;
	227	+ }else{ // 선택한 Row 데이터 삭제하기
	228	+ for(var i=0; i < selectedData.length; i++){
	229	+ selectedData[i].delete();
	230	+ }
	231	+ }
	232	+
	233	+ totRows = $tableClip.getRows().length;
	234	+
	235	+ updateTotCnt(totRows);
	236	+ });
	237	+
	238	+ //받는사람 오류번호 삭제 처리해주기
	239	+ $('.chkVali_del').click(function(){
	240	+ //기존 연락처 모두 불러오기
	241	+ var data = $tableClip.getRows();
	242	+ var tableData = [];
	243	+ var totLen = $tableClip.getRows().length;
	244	+ var errCnt = 0;
	245	+
	246	+ if(totLen > 0){
	247	+ if(confirm("올바르지 않은 연락처 정보를 삭제 하시겠습니까?")){
	248	+ for(var i=0; i < totLen; i++){
	249	+
	250	+
	251	+ var phone = data[i].getData().phone;
	252	+ var valiCheck = checkHpNum(phone);
	253	+ if(valiCheck){
	254	+ tableData.push({name: data[i].getData().name.trim(), phone: data[i].getData().phone.trim(), info1:data[i].getData().info1, info2:data[i].getData().info2, info3:data[i].getData().info3, info4:data[i].getData().info4, memo:data[i].getData().memo});
	255	+ }else{
	256	+ errCnt++;
	257	+ }
	258	+ }
	259	+
	260	+ var removeDuplData = dupliPhoneData(tableData);
	261	+
	262	+ $tableClip.setData(removeDuplData);
	263	+
	264	+ //총 받는사람 수 계산
	265	+ totRows = $tableClip.getRows().length;
	266	+ updateTotCnt(totRows);
	267	+
	268	+ if(errCnt > 0){
	269	+ alert(errCnt + " 건의 연락처를 삭제하였습니다.");
	270	+ return false;
	271	+ }else{
	272	+ alert("오류가 있는 연락처가 없습니다.");
	273	+ }
	274	+ }
	275	+ }else{
	276	+ alert("연락처 정보를 입력해 주세요.");
	277	+ return false;
	278	+ }
	279	+ });
	280	+
	281	+
	282	+
	283	+
	284	+
	285	+ // 오류검사 항목 중복제거
	286	+ function SetTableErrorDupliCheck(sVal) {
	287	+ var isDuplicate = false;
	288	+ if (tableErrorCheckData.length == 0) {
	289	+ tableErrorCheckData.push(sVal);
	290	+ }
	291	+ else {
	292	+ for (var i = 0; i < tableErrorCheckData.length; i++)
	293	+ {
	294	+ if (tableErrorCheckData[i] == sVal) {
	295	+ isDuplicate = true;
	296	+ }
	297	+ }
	298	+
	299	+ if (isDuplicate) {
	300	+ return;
	301	+ }
	302	+ else {
	303	+ tableErrorCheckData.push(sVal);
	304	+ }
	305	+ }
	306	+ }
	307	+
	308	+
	309	+ // 오류검사 항목 중복제거
	310	+ function SetTableErrorDupliCheck(sVal) {
	311	+ var isDuplicate = false;
	312	+ if (tableErrorCheckData.length == 0) {
	313	+ tableErrorCheckData.push(sVal);
	314	+ }
	315	+ else {
	316	+ for (var i = 0; i < tableErrorCheckData.length; i++)
	317	+ {
	318	+ if (tableErrorCheckData[i] == sVal) {
	319	+ isDuplicate = true;
	320	+ }
	321	+ }
	322	+
	323	+ if (isDuplicate) {
	324	+ return;
	325	+ }
	326	+ else {
	327	+ tableErrorCheckData.push(sVal);
	328	+ }
	329	+ }
	330	+ }
	331	+
	332	+ $('.check_validity').click(function(){
	333	+ tableErrorCheckData.length = 0; // 오류 번호 배열 초기화
	334	+
	335	+ var data = $tableClip.getRows();
	336	+ var invalid = $tableClip.getInvalidCells(); //오류 데이터 체크
	337	+ var dataLen = $tableClip.getRows().length; //연락처 데이터 갯수
	338	+ var totLen = invalid.length; //오류 데이터 갯수
	339	+ var errMsg = ""; //최종 alert에 표시할 메시지 저장 변수
	340	+
	341	+ if(dataLen > 0) { //연락처 정보가 있으면 수행
	342	+ if(totLen > 0) { //내용에 오류가 있으면 수행
	343	+ //오류 데이터 값 저장
	344	+ for(var i=0; i < totLen; i++) {
	345	+ var cellValue = invalid[i].getValue();
	346	+ SetTableErrorDupliCheck(cellValue);
	347	+ }
	348	+
	349	+ for(var i=0; i < dataLen; i++){
	350	+ // 휴대폰번호 체크
	351	+ var phone = data[i].getData().phone;
	352	+ var valiCheck = checkHpNum(phone);
	353	+ if(!valiCheck){
	354	+ SetTableErrorDupliCheck(phone);
	355	+ }
	356	+ }
	357	+ }
	358	+ else {
	359	+ for(var i=0; i < dataLen; i++){
	360	+ // 휴대폰번호 체크
	361	+ var phone = data[i].getData().phone;
	362	+ var valiCheck = checkHpNum(phone);
	363	+ if(!valiCheck){
	364	+ SetTableErrorDupliCheck(phone);
	365	+ }
	366	+ }
	367	+ }
	368	+ }
	369	+ else {
	370	+ alert("연락처를 입력해 주세요.");
	371	+ return false;
	372	+ }
	373	+
	374	+ if (tableErrorCheckData.length > 0) {
	375	+ for (var i = 0; i < tableErrorCheckData.length; i++)
	376	+ {
	377	+ errMsg += tableErrorCheckData[i];
	378	+ if ((tableErrorCheckData.length - 1) > i) {
	379	+ errMsg += ", ";
	380	+ }
	381	+ }
	382	+ alert(errMsg + "의 내용에 오류가 있습니다.");
	383	+ }
	384	+ else {
	385	+ alert("오류 데이터가 없습니다.");
	386	+ }
	387	+
	388	+ return false;
	389	+ });
	390	+
	391	+
	392	+
	393	+ //받는사람 중복 삭제
	394	+ $('.duple_del').click(function(){
	395	+ //기존 연락처 모두 불러오기
	396	+ var data = $tableClip.getRows();
	397	+ var tableData = [];
	398	+ var dpCnt = 0;
	399	+ var totLen = $tableClip.getRows().length;
	400	+
	401	+ for(var i=0; i < totLen; i++){
	402	+ tableData.push({name: data[i].getData().name.trim(), phone: data[i].getData().phone.trim()});
	403	+ }
	404	+
	405	+ var removeDuplData = dupliPhoneData(tableData);
	406	+ $tableClip.setData(removeDuplData);
	407	+
	408	+ //총 받는사람 수 계산
	409	+ totRows = $tableClip.getRows().length;
	410	+ updateTotCnt(totRows);
	411	+ });
	412	+
	413	+
	414	+});
	415	+
	416	+
	417	+// Show Html
	418	+function getAddrGroupListShow(jsonList) {
	419	+ var sHtml = "";
	420	+ sHtml += "<option value='NEW'>그룹추가</option>";
	421	+ sHtml += "<option value='0'>그룹미지정</option>";
	422	+ sHtml += "<option value='bookmark'>자주보내는 번호</option>";
	423	+ for (var j = 0; j < jsonList.length; j++) {
	424	+ sHtml += " <option value='" + $.trim(jsonList[j].addrGrpId) + "' />" + $.trim(jsonList[j].addrGrpNm) + "</option>";
	425	+ }
	426	+
	427	+ $("#addrGrpIdInfo").html(sHtml);
	428	+}
	429	+
	430	+$(document).on('change', '#addrGrpIdInfo', function() {
	431	+ if ($("#addrGrpIdInfo option:selected").val() != "NEW") {
	432	+ $("#addrGrpNm").val(""); // 새그룹명 Clear;
	433	+ }
	434	+});
	435	+
	436	+//#############################################################################################
	437	+//파일 불러오기
	438	+//#############################################################################################
	439	+
	440	+
	441	+//체크박스 전체선택/해제
	442	+$(document).on("click", "#chkAll", function(e) {
	443	+ var isChecked = $(this).is(":checked");
	444	+ $("input[name=addrCheck]:checkbox").prop("checked", isChecked);
	445	+});
	446	+
	447	+$(document).on("click", "#duplicationChkAll", function(e) {
	448	+ var isChecked = $(this).is(":checked");
	449	+ $("input[name=addrCheck]:checkbox").prop("checked", isChecked);
	450	+});
	451	+
	452	+
	453	+
	454	+// 중복 연락처
	455	+function GetAddrMassDupli() {
	456	+ var sHtml = "";
	457	+ sHtml += "<div class='' style='overflow-x:auto; height:350px;'>";
	458	+ sHtml += "<table class='tType4'>";
	459	+ sHtml += " <colgroup>";
	460	+ sHtml += " <col style='width:auto' />";
	461	+ sHtml += " </colgroup>";
	462	+ sHtml += " <thead>";
	463	+ sHtml += " <tr>";
	464	+ sHtml += " <th>중복 휴대폰번호 (" + numberWithCommas(dupliPhoneDataRealList.length) + "개)</th>";
	465	+ sHtml += " </tr>";
	466	+ sHtml += " </thead>";
	467	+ sHtml += " <tbody>";
	468	+ for (var i = 0; i < dupliPhoneDataRealList.length; i++) {
	469	+ sHtml += " <tr>";
	470	+ sHtml += " <td>" + dupliPhoneDataRealList[i] + "</td>";
	471	+ sHtml += " </tr>";
	472	+ }
	473	+ sHtml += " </tbody>";
	474	+ sHtml += " </table>";
	475	+ sHtml += " </div>";
	476	+
	477	+ $("#addrMassDupli_layer").html(sHtml);
	478	+}
	479	+
	480	+//중복 연락처 => 저장시
	481	+function GetAddrMassSaveDupli() {
	482	+ var sHtml = "";
	483	+ sHtml += "<div class='' style='overflow-x:auto; height:350px;'>";
	484	+ sHtml += "<table class='tType4'>";
	485	+ sHtml += " <colgroup>";
	486	+ sHtml += " <col style='width:auto' />";
	487	+ sHtml += " </colgroup>";
	488	+ sHtml += " <thead>";
	489	+ sHtml += " <tr>";
	490	+// sHtml += " <th>중복 휴대폰번호 (" + numberWithCommas(addrMassDupliSaveList.length) + "개)</th>";
	491	+ sHtml += " <th>중복 휴대폰번호 (10개)</th>";
	492	+ sHtml += " </tr>";
	493	+ sHtml += " </thead>";
	494	+ sHtml += " <tbody>";
	495	+ for (var i = 0; i < addrMassDupliSaveList.length; i++) {
	496	+ sHtml += " <tr>";
	497	+ sHtml += " <td>" + addrMassDupliSaveList[i].addrPhoneNo + "</td>";
	498	+ sHtml += " </tr>";
	499	+ }
	500	+ sHtml += " </tbody>";
	501	+ sHtml += " </table>";
	502	+ sHtml += " </div>";
	503	+
	504	+ $("#addrMassSaveDupli_layer").html(sHtml);
	505	+}
	506	+
	507	+</script>
	508	+
	509	+ <!-- 붙여넣기 -->
	510	+ <div class="popCont pop_more_cont" id="popCont_2">
	511	+ <div class="titBox">
	512	+ <p>- 텍스트(txt) 파일로 작성된 주소록을 등록하실 수 있습니다.</p>
	513	+ <p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 붙여 넣으셔야 합니다.</p>
	514	+ <p>- 입력 내용은 (Tab) 또는 (,) 구분하여 입력하여야 합니다.</p>
	515	+ <p>- 한 줄(열)에 주소 한 건만 입력 가능합니다.</p>
	516	+ <p>- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
	517	+ <p>  (예) 홍길동,010-1234-5678 또는 홍길동,01012345678</p>
	518	+ <p>- 한번에 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+c) + 붙여넣기(Ctrl+v)’ 또는 ‘엑셀입력’을 이용하세요.</p>
	519	+ <p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
	520	+ <button type="button" class="txt_btn" onclick="location.href='/download/addr/주소록_대량등록.zip'"><i></i>TXT샘플 다운로드</button>
	521	+ </div>
	522	+ <div class="pop_more_wrap">
	523	+ <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
	524	+ </div>
	525	+ </div><!--// 붙여넣기 -->
	526	+
	527	+ <!-- 공통 -->
	528	+ <div>
	529	+ <table class="layer_tType1">
	530	+ <caption>엑셀입력 표</caption>
	531	+ <colgroup>
	532	+ <col style="width: 95px">
	533	+ <col style="width: auto">
	534	+ </colgroup>
	535	+ <tbody>
	536	+ <tr>
	537	+ <th>그룹 선택</th>
	538	+ <td>
	539	+ <label for="" class="label">그룹 선택</label>
	540	+ <select id="addrGrpIdInfo" name="addrGrpIdInfo">
	541	+ </select>
	542	+ <label for="" class="label">그룹명 입력</label>
	543	+ <input type="text" id="addrGrpNm" name="addrGrpNm" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'"class="inputLight" style="width: 300px;">
	544	+
	545	+<!-- <input type="file" id="excelFile" accept=".xls, .xlsx, .txt" onchange="excelExport(event); return false;" style="display:none"/> -->
	546	+ <input type="file" id="excelFile" accept=".xls, .xlsx, .txt" style="display:none"/>
	547	+<!-- <button type="button" id="file-load-trigger">Choose File</button> -->
	548	+ <button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
	549	+ </td>
	550	+ </tr>
	551	+ </tbody>
	552	+ </table>
	553	+ </div>
	554	+ <div class="file_add upload_area">
	555	+ <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요</p>
	556	+ </div>
	557	+ <div class="excel_middle2">
	558	+ <p>
	559	+ 총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건
	560	+<!--   -->
	561	+<!-- <button type="button" class="btnType btnType6" data-tooltip="addrMassDupli_layer" onclick="GetAddrMassDupli()" id="btnAddrMassDupli">중복번호</button> -->
	562	+<!--   -->
	563	+<!-- <button type="button" class="btnType btnType6" data-tooltip="addrMassSaveDupli_layer" onclick="GetAddrMassSaveDupli()" id="btnAddrMassSaveDupli">중복번호</button> -->
	564	+ </p>
	565	+ <button type="button" class="btnType btnType6 addCallToF">번호추가</button>
	566	+ </div>
	567	+
	568	+
	569	+
	570	+
	571	+ <div class="adr_excel" style="margin-top: 13px;">
	572	+ <!-- thead -->
	573	+ <div class="adr_hd select_adr_hd" data-group="tabulClip">
	574	+ <div></div>
	575	+ <div style="width: 125px;">
	576	+ <label for="" class="label"></label>
	577	+ <select class="field-selector">
	578	+ <option value="">선택하기</option>
	579	+ <option value="addrNm">이름</option>
	580	+ <option value="addrPhoneNo">휴대폰</option>
	581	+ <option value="addrInfo1">[1]</option>
	582	+ <option value="addrInfo2">[2]</option>
	583	+ <option value="addrInfo3">[3]</option>
	584	+ <option value="addrInfo4">[4]</option>
	585	+ <option value="addrComment">메모</option>
	586	+ </select>
	587	+ </div>
	588	+ <div style="width: 125px;">
	589	+ <label for="" class="label"></label>
	590	+ <select class="field-selector">
	591	+ <option value="">선택하기</option>
	592	+ <option value="addrNm">이름</option>
	593	+ <option value="addrPhoneNo">휴대폰</option>
	594	+ <option value="addrInfo1">[1]</option>
	595	+ <option value="addrInfo2">[2]</option>
	596	+ <option value="addrInfo3">[3]</option>
	597	+ <option value="addrInfo4">[4]</option>
	598	+ <option value="addrComment">메모</option>
	599	+ </select>
	600	+ </div>
	601	+ <div style="width: 125px;">
	602	+ <label for="" class="label"></label>
	603	+ <select class="field-selector">
	604	+ <option value="">선택하기</option>
	605	+ <option value="addrNm">이름</option>
	606	+ <option value="addrPhoneNo">휴대폰</option>
	607	+ <option value="addrInfo1">[1]</option>
	608	+ <option value="addrInfo2">[2]</option>
	609	+ <option value="addrInfo3">[3]</option>
	610	+ <option value="addrInfo4">[4]</option>
	611	+ <option value="addrComment">메모</option>
	612	+ </select>
	613	+ </div>
	614	+ <div style="width: 125px;">
	615	+ <label for="" class="label"></label>
	616	+ <select class="field-selector">
	617	+ <option value="">선택하기</option>
	618	+ <option value="addrNm">이름</option>
	619	+ <option value="addrPhoneNo">휴대폰</option>
	620	+ <option value="addrInfo1">[1]</option>
	621	+ <option value="addrInfo2">[2]</option>
	622	+ <option value="addrInfo3">[3]</option>
	623	+ <option value="addrInfo4">[4]</option>
	624	+ <option value="addrComment">메모</option>
	625	+ </select>
	626	+ </div>
	627	+ <div style="width: 125px;">
	628	+ <label for="" class="label"></label>
	629	+ <select class="field-selector">
	630	+ <option value="">선택하기</option>
	631	+ <option value="addrNm">이름</option>
	632	+ <option value="addrPhoneNo">휴대폰</option>
	633	+ <option value="addrInfo1">[1]</option>
	634	+ <option value="addrInfo2">[2]</option>
	635	+ <option value="addrInfo3">[3]</option>
	636	+ <option value="addrInfo4">[4]</option>
	637	+ <option value="addrComment">메모</option>
	638	+ </select>
	639	+ </div>
	640	+ <div style="width: 125px;">
	641	+ <label for="" class="label"></label>
	642	+ <select class="field-selector">
	643	+ <option value="">선택하기</option>
	644	+ <option value="addrNm">이름</option>
	645	+ <option value="addrPhoneNo">휴대폰</option>
	646	+ <option value="addrInfo1">[1]</option>
	647	+ <option value="addrInfo2">[2]</option>
	648	+ <option value="addrInfo3">[3]</option>
	649	+ <option value="addrInfo4">[4]</option>
	650	+ <option value="addrComment">메모</option>
	651	+ </select>
	652	+ </div>
	653	+ <div style="width: 125px;">
	654	+ <label for="" class="label"></label>
	655	+ <select class="field-selector">
	656	+ <option value="">선택하기</option>
	657	+ <option value="addrNm">이름</option>
	658	+ <option value="addrPhoneNo">휴대폰</option>
	659	+ <option value="addrInfo1">[1]</option>
	660	+ <option value="addrInfo2">[2]</option>
	661	+ <option value="addrInfo3">[3]</option>
	662	+ <option value="addrInfo4">[4]</option>
	663	+ <option value="addrComment">메모</option>
	664	+ </select>
	665	+ </div>
	666	+ </div>
	667	+ </div>
	668	+
	669	+ <div class="drag_drop_wrap callList_box" id="tabulator_clip">
	670	+ <img src="/publish/images/content/excel.jpg" style="width: 100%;">
	671	+ </div>
	672	+ <div class="excel_middle">
	673	+ <div class="select_btnWrap clearfix">
	674	+ <div>
	675	+ <button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
	676	+ <button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
	677	+ <button type="button" class="chkVali_del"><i class="remove_img"></i>오류번호삭제</button>
	678	+ <button type="button" class="check_validity">오류 검사 <i></i></button>
	679	+ <div class="error_hover_cont send_hover_cont addr_hover_cont">
	680	+ <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
	681	+ <span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
	682	+ </div>
	683	+ </div>
	684	+
	685	+ </div>
	686	+ </div><!--// 공통 -->
	687	+
	688	+ <!-- 붙여놓기 설명 -->
	689	+ <div class="req_area">
	690	+ <div class="text_box">
	691	+ - 휴대폰 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.<br>
	692	+ - 휴대폰 번호는 필수입력 항목입니다.<br>
	693	+ - 이름,휴대폰 번호,[1],[2],[3],[4],메모 순서대로 입력해주세요.(예 : 010-1234-5678,홍길동,변수1…메모)<br>
	694	+ - 이름은 24byte, [1]~[4] 40byte, 메모는 250byte까지 입력 가능합니다.<br>
	695	+ - '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다.
	696	+ </div>
	697	+ </div>

cabf73a

src/main/webapp/js/web/addr/event.js (added)

+++ src/main/webapp/js/web/addr/event.js

...	...	@@ -0,0 +1,117 @@
	1	+
	2	+
	3	+$(document).ready(function(){
	4	+
	5	+
	6	+ //타이틀 select 선택 이벤트
	7	+ $('[data-group]').on('change', '.field-selector', function() {
	8	+
	9	+ var group = $(this).closest('[data-group]').data('group');
	10	+ var selectedFields = [];
	11	+ var isDuplicate = false;
	12	+
	13	+
	14	+ // 타불 객체 가져오기
	15	+ var $objTabul = fn_utils_getTabulator();
	16	+
	17	+ console.log('$objTabul : ', $objTabul);
	18	+
	19	+ if($objTabul.getData().length < 1){
	20	+ alert('데이터 입력 후 선택해 주세요.');
	21	+ $(this).val("");
	22	+ return false;
	23	+ }
	24	+
	25	+ // 중복체크
	26	+ $('[data-group="' + group + '"] .field-selector').each(function() {
	27	+ var selectedField = $(this).val();
	28	+ if (selectedField) {
	29	+ if (selectedFields.includes(selectedField)) {
	30	+ alert("중복된 필드를 선택할 수 없습니다.");
	31	+ $(this).val(""); // 중복 필드를 선택한 경우 빈 값으로 초기화
	32	+ isDuplicate = true;
	33	+ return false; // 반복문 종료
	34	+ }
	35	+ selectedFields.push(selectedField);
	36	+ }
	37	+ });
	38	+
	39	+
	40	+ //
	41	+ updateTableFields($objTabul, group);
	42	+
	43	+ // 필드가 휴대폰이면 열 중복체크
	44	+ if($(this).val() == 'phone'){
	45	+ fn_phoneDupl($objTabul);
	46	+ }
	47	+ });
	48	+
	49	+
	50	+ function fn_phoneDupl($objTabul){
	51	+
	52	+ var phoneFields = $objTabul.getData().map(row => row.phone);
	53	+
	54	+ if(phoneFields.length < 1){ return false; }
	55	+
	56	+ var uniquePhones = new Set();
	57	+ var duplicatePhones = [];
	58	+
	59	+ phoneFields.forEach(phone => {
	60	+ if (uniquePhones.has(phone)) {
	61	+ duplicatePhones.push(phone);
	62	+ } else {
	63	+ uniquePhones.add(phone);
	64	+ }
	65	+ });
	66	+
	67	+ $('#rowDupCnt').text(duplicatePhones.length);
	68	+ if (duplicatePhones.length > 0) {
	69	+ alert("중복된 휴대폰 번호가 있습니다: \n" + duplicatePhones.join(", "));
	70	+ } else {
	71	+// alert("중복된 phone 필드 값이 없습니다.");
	72	+ }
	73	+ }
	74	+
	75	+ /*
	76	+ * 타이틀 select 선택할때마다 실행해서
	77	+ * 데이터테이블 필드값 수정
	78	+ */
	79	+ function updateTableFields($objTabul, group) {
	80	+ var currentData = $objTabul.getData();
	81	+ var columns = [
	82	+ {formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
	83	+ cell.getRow().toggleSelect();
	84	+ }}
	85	+ ];
	86	+
	87	+ var fieldMapping = [];
	88	+ $('[data-group="' + group + '"] .field-selector').each(function(index) {
	89	+ var selectedField = $(this).val();
	90	+ // ASCII 문자 코드 사용 - 65=A, 66=B ...
	91	+ var field = String.fromCharCode(65 + index);
	92	+ if (selectedField) {
	93	+ columns.push({title: field, field: selectedField, hozAlign: "center", headerHozAlign: "center", editor: "input", width: 125, validator: ["maxLength:100", "string"]});
	94	+ fieldMapping.push(selectedField);
	95	+ } else {
	96	+ columns.push({title: field, field: field, hozAlign: "center", headerHozAlign: "center", editor: "input", width: 125, validator: ["maxLength:100", "string"]});
	97	+ fieldMapping.push(field);
	98	+ }
	99	+ });
	100	+
	101	+ var updatedData = currentData.map(row => {
	102	+ var newRow = {};
	103	+ fieldMapping.forEach((field, index) => {
	104	+ newRow[field] = row[Object.keys(row)[index]] \|\| "";
	105	+ });
	106	+ return newRow;
	107	+ });
	108	+
	109	+ $objTabul.setColumns(columns);
	110	+ $objTabul.setData(updatedData);
	111	+
	112	+
	113	+ }
	114	+
	115	+
	116	+
	117	+}); (No newline at end of file)

cabf73a

src/main/webapp/js/web/addr/init.js (added)

+++ src/main/webapp/js/web/addr/init.js

...	...	@@ -0,0 +1,120 @@
	1	+
	2	+
	3	+var tableErrorData = [];
	4	+var tableErrorCheckData = [];
	5	+var addrMassDupliSaveList = null;
	6	+
	7	+var gArrRestartIndex = 0; //배열 재시작카운드
	8	+var gNameList = []; //치환문자 이름
	9	+var gPhoneList = []; //받는사람
	10	+var gInfo1List = []; //치환문자1
	11	+var gInfo2List = []; //치환문자2
	12	+var gInfo3List = []; //치환문자3
	13	+var gInfo4List = []; //치환문자4
	14	+var gMemoList = []; //메모
	15	+
	16	+
	17	+var $tableExcel = null; //엑셀입력 탭
	18	+var $tableClip = null; //붙여넣기 탭
	19	+var $tableSelf = null; //붙여넣기 탭
	20	+
	21	+$(document).ready(function(){
	22	+
	23	+ //Tabulator AJAX Data Loading
	24	+ $tableExcel = new Tabulator("#tabulator_excel", {
	25	+ height:"255px",
	26	+ width:"100%",
	27	+ layout:"fitColumns",
	28	+ autoColumns:false,
	29	+ headerHozAlign:"center",
	30	+ validationMode:"highlight",
	31	+ clipboard:false,
	32	+ clipboardCopySelector:"table",
	33	+ clipboardPasteAction:"insert", // insert, update, replace
	34	+ placeholder:"Excel 파일을 업로드 해주세요.", //fit columns to width of table (optional)
	35	+ columns:[ //Define Table Columns
	36	+ {formatter:"rowSelection", titleFormatter:"rowSelection",clipboard:false, hozAlign:"center", headerSort:false, cellClick:function(e, cell){
	37	+ cell.getRow().toggleSelect();
	38	+ }
	39	+ },
	40	+ {title:"A", hozAlign:"center", headerHozAlign: "center", field:"A", editor:"input", width:125, validator:["maxLength:100", "string"]},
	41	+ {title:"B", hozAlign:"center", headerHozAlign: "center", field:"B", editor:"input", width:125, validator:["maxLength:100", "string"]},
	42	+ {title:"C", hozAlign:"center", headerHozAlign: "center", field:"C", editor:"input", width:125, validator:["maxLength:100", "string"]},
	43	+ {title:"D", hozAlign:"center", headerHozAlign: "center", field:"D", editor:"input", width:125, validator:["maxLength:100", "string"]},
	44	+ {title:"E", hozAlign:"center", headerHozAlign: "center", field:"E", editor:"input", width:125, validator:["maxLength:100", "string"]},
	45	+ {title:"F", hozAlign:"center", headerHozAlign: "center", field:"F", editor:"input", width:125, validator:["maxLength:100", "string"]},
	46	+ {title:"G", hozAlign:"center", headerHozAlign: "center", field:"G", editor:"input", width:125, validator:["maxLength:100", "string"]}
	47	+ ],
	48	+ validationFailed:function(cell, value, parameters){ // 유효성 체크 함수
	49	+ var valid = cell.isValid();
	50	+ if(!valid){
	51	+ alert("양식에 맞지 않는 정보가 입력되었습니다.");
	52	+
	53	+ //해당 셀 데이터 삭제
	54	+ cell.setValue("");
	55	+ }
	56	+ return value % parameters.phone;
	57	+ },
	58	+ });
	59	+
	60	+
	61	+
	62	+
	63	+
	64	+ $tableClip = new Tabulator("#tabulator_clip", {
	65	+ height:"255px",
	66	+ width:"100%",
	67	+ layout:"fitColumns",
	68	+ editor:true,
	69	+ headerHozAlign:"center",
	70	+ validationMode:"highlight",
	71	+ placeholder:"복사(Ctrl+C)한 내용을 여기에 붙여넣기(Ctrl+V) 해주세요.", //fit columns to width of table (optional)
	72	+ clipboard:true, // 클립보드 기능 활성화
	73	+ clipboardPasteAction:"insert", // insert, update, replace
	74	+ clipboardPasteParser: function(clipboard) {
	75	+
	76	+ // clipboard 기능
	77	+ var rows = clipboard.split('\n').map(row => row.split(/[\t,]+/).map(cell => cell.trim()));
	78	+ console.log('rows : ', rows);
	79	+ var tableData = rows.map(row => {
	80	+ return {
	81	+ A: row[0] \|\| "",
	82	+ B: row[1] \|\| "",
	83	+ C: row[2] \|\| "",
	84	+ D: row[3] \|\| "",
	85	+ E: row[4] \|\| "",
	86	+ F: row[5] \|\| "",
	87	+ G: row[6] \|\| ""
	88	+ };
	89	+ });
	90	+ return tableData;
	91	+ },
	92	+ columns: [
	93	+ {formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
	94	+ cell.getRow().toggleSelect();
	95	+ }},
	96	+ {title:"A", field:"A", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
	97	+ {title:"B", field:"B", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
	98	+ {title:"C", field:"C", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
	99	+ {title:"D", field:"D", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
	100	+ {title:"E", field:"E", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
	101	+ {title:"F", field:"F", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
	102	+ {title:"G", field:"G", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}
	103	+ ],
	104	+ validationFailed:function(cell, value, parameters){ // 유효성 체크 함수
	105	+ var valid = cell.isValid();
	106	+ if(!valid){
	107	+ alert("양식에 맞지 않는 정보가 입력되었습니다.");
	108	+
	109	+ //해당 셀 데이터 삭제
	110	+ cell.setValue("");
	111	+ }
	112	+ return value % parameters.phone;
	113	+ },
	114	+ });
	115	+
	116	+
	117	+
	118	+
	119	+
	120	+}); (No newline at end of file)

cabf73a

src/main/webapp/js/web/addr/utils.js (added)

+++ src/main/webapp/js/web/addr/utils.js

...	...	@@ -0,0 +1,24 @@
	1	+
	2	+
	3	+$(document).ready(function(){
	4	+
	5	+
	6	+
	7	+});
	8	+
	9	+/*
	10	+ * @discription 타블레이터 객체 가져오기
	11	+ * */
	12	+function fn_utils_getTabulator(){
	13	+
	14	+ var activeTab = $('#tbTabl .tab.active');
	15	+ // data-tabul 값 가져오기
	16	+ var tabulValue = activeTab.data('tabul');
	17	+ console.log('tabulValue : ',tabulValue);
	18	+
	19	+ return window['$' + tabulValue];
	20	+}
	21	+
	22	+function fn_utils_isEmpty(obj){
	23	+ return obj == null \|\| obj == "";
	24	+}(No newline at end of file)

Add a comment

Open 0
Closed 0

List

...	...	@@ -402,6 +402,14 @@
402	402	return "/web/addr/AddrListAjax";
403	403	}
404	404
	405	+
	406	+
	407	+ @RequestMapping("/web/mjon/addr/addrListforExcelAjax.do")
	408	+ public String AddrListforExcel(HttpServletRequest request, ModelMap model,
	409	+ @ModelAttribute("searchVO") AddrVO addrVO) throws Exception {
	410	+
	411	+ return "/web/addr/addrListforExcel";
	412	+ }
405	413	/**
406	414	* 사용자 주소록 중복 리스트 Ajax
407	415	* @param request

Delete comment