Commit @07800e45434804564f576b49ddd94af0cd4df982

wyh 2024-09-30

선거문자 엑셀 불러오기 엑셀팝업 jsp 따로 추가

@07800e45434804564f576b49ddd94af0cd4df982

adfc5fb

07800e4

src/main/webapp/WEB-INF/jsp/web/msgcampain/MsgDataSMLView.jsp

--- src/main/webapp/WEB-INF/jsp/web/msgcampain/MsgDataSMLView.jsp

+++ src/main/webapp/WEB-INF/jsp/web/msgcampain/MsgDataSMLView.jsp


 	<form id="excelForm" name="excelForm" method="post">
 		<div class="tooltip-wrap">
 			<div class="popup-com adr_layer popup02" tabindex="0" data-tooltip-con="popup02" data-focus="popup02" data-focus-prev="popup02-close" style="width: 1000px;">
-				<%@include file="/WEB-INF/jsp/web/msgdata/include/msgDataIncludeExcel.jsp" %>
+				<%@include file="/WEB-INF/jsp/web/msgcampain/include/msgDataIncludeExcel.jsp" %>
 			</div>
 		</div>
 	</form>

07800e4

src/main/webapp/WEB-INF/jsp/web/msgcampain/include/msgDataIncludeExcel.jsp (added)

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

...	...	@@ -0,0 +1,943 @@
	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	+var $tableExcel = null; //엑셀입력 탭
	12	+var $tableError = null; //엑셀입력 탭
	13	+$(document).ready(function(){
	14	+
	15	+ //Tabulator AJAX Data Loading
	16	+ $tableError = new Tabulator("#tabulator_error", {
	17	+ height:"255px",
	18	+ width:"100%",
	19	+ layout:"fitColumns",
	20	+ autoColumns:false,
	21	+ headerHozAlign:"center",
	22	+ validationMode:"highlight",
	23	+ clipboard:false,
	24	+ clipboardCopySelector:"table",
	25	+ clipboardPasteAction:"insert", // insert, update, replace
	26	+ placeholder:"등록 팝업에서 휴대폰을 선택 후 확인해주세요.", //fit columns to width of table (optional)
	27	+ columns:[ //Define Table Columns
	28	+ {title:"이름", field:"name", hozAlign:"center", headerHozAlign: "center", width:125},
	29	+ {title:"휴대폰", field:"phone", hozAlign:"center", headerHozAlign: "center", width:158},
	30	+ {title:"미등록 결과", field:"result", hozAlign:"center", headerHozAlign: "center", width:125}
	31	+ ]
	32	+ });
	33	+
	34	+
	35	+ //Tabulator AJAX Data Loading
	36	+ $tableExcel = new Tabulator("#tabulator_excel", {
	37	+ height:"255px",
	38	+ width:"100%",
	39	+ layout:"fitColumns",
	40	+ autoColumns:false,
	41	+ headerHozAlign:"center",
	42	+ validationMode:"highlight",
	43	+ clipboard:false,
	44	+ clipboardCopySelector:"table",
	45	+ clipboardPasteAction:"insert", // insert, update, replace
	46	+ placeholder:"Excel 파일을 업로드 해주세요.", //fit columns to width of table (optional)
	47	+ columns:[ //Define Table Columns
	48	+ {formatter:"rowSelection", titleFormatter:"rowSelection",clipboard:false, headerHozAlign:"center", hozAlign:"center", headerSort:false, cellClick:function(e, cell){
	49	+ cell.getRow().toggleSelect();
	50	+ }
	51	+ },
	52	+ {formatter:"rownum", align:"center" ,title:"No", hozAlign:"center", headerHozAlign:"center", width:50},
	53	+ {title:"A", field:"A", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
	54	+ {title:"B", field:"B", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
	55	+ {title:"C", field:"C", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
	56	+ {title:"D", field:"D", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
	57	+ {title:"E", field:"E", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
	58	+ {title:"F", field:"F", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]}
	59	+ ],
	60	+ validationFailed:function(cell, value, parameters){ // 유효성 체크 함수
	61	+ var valid = cell.isValid();
	62	+ if(!valid){
	63	+ alert("양식에 맞지 않는 정보가 입력되었습니다.");
	64	+
	65	+ //해당 셀 데이터 삭제
	66	+ cell.setValue("");
	67	+ }
	68	+ return value % parameters.phone;
	69	+ },
	70	+ });
	71	+
	72	+
	73	+
	74	+
	75	+ // 타뷸레이터 width값 변경 시 위에 select width 값 변경
	76	+ var titleArray = ["No","A","B","C","D","E","F"];
	77	+
	78	+ $tableExcel.on("columnWidth",function(column){
	79	+ var titleIndex = titleArray.indexOf(column._column.definition.title);
	80	+ titleIndex += 1;
	81	+
	82	+ if(titleIndex != 0){
	83	+ $('.select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
	84	+ }else{
	85	+ $('.select_adr_hd>div').eq(0).css('width', column._column.width);
	86	+
	87	+ }
	88	+ });
	89	+
	90	+ $tableExcel.on("scrollHorizontal",function(left){
	91	+ $(".adr_excel").scrollLeft(left);
	92	+ })
	93	+
	94	+
	95	+ $(".adr_excel").on("scroll",function(){
	96	+ $(".tabulator-tableholder").scrollLeft($(this).scrollLeft());
	97	+ });
	98	+
	99	+
	100	+
	101	+
	102	+ $("#excelFile").on("change", function(event) {
	103	+ var fileInfo = event.target.files;
	104	+ if(fileInfo.length > 0){
	105	+ excelFileChange(fileInfo[0]);
	106	+ } else {
	107	+ fn_loadRemoveActive(); // 파일이 선택되지 않은 경우 로딩 상태 제거
	108	+ setTimeout(() => { $(this).val(''); }, 0); // 파일 선택 초기화
	109	+ }
	110	+ });
	111	+
	112	+
	113	+
	114	+ $(document).on('click', '#btnAddrMassClose', function() {
	115	+
	116	+ $('.field-selector').each(function() { $(this).val(''); });
	117	+ setAddrMassClose();
	118	+ });
	119	+
	120	+
	121	+ $(document).on('click', '#closeBtn', function() {
	122	+ // 대량등록 닫기
	123	+ setAddrMassClose();
	124	+ });
	125	+
	126	+
	127	+
	128	+
	129	+ // 엑셀등록 닫기
	130	+ function setAddrMassClose() {
	131	+ $tableExcel.clearData();
	132	+ $("#excelRowTotCnt").text(0); //총건수 수정
	133	+ $("#excelRowDupCnt").text(0); //중복건수 수정
	134	+ $("#excelRowErrorCnt").text(0); //중복건수 수정
	135	+ dupliPhoneDataRealList.length = 0; // 중복 휴대폰번호 초기화
	136	+ addrMassDupliSaveList = null;
	137	+
	138	+
	139	+ // popup 영역
	140	+ $tableError.clearData();
	141	+ // 중복 카운트
	142	+ $("#errorPopDupCnt").text(0);
	143	+ // 에러 카운트
	144	+ $("#errorPopErrorCnt").text(0);
	145	+ //
	146	+ $("#errorPopTotCnt").text(0);
	147	+
	148	+
	149	+ }
	150	+
	151	+ //#############################################################################################
	152	+ //파일업로드 드래그앤 드롭
	153	+ //#############################################################################################
	154	+ var objDragAndDrop = $(".upload_area");
	155	+ $(document).on("dragenter",".upload_area",function(e){
	156	+ e.stopPropagation();
	157	+ e.preventDefault();
	158	+ //$(this).css('border', '2px solid #0B85A1');
	159	+ });
	160	+ $(document).on("dragover",".upload_area",function(e){
	161	+ e.stopPropagation();
	162	+ e.preventDefault();
	163	+ });
	164	+ $(document).on("drop",".upload_area",function(e){
	165	+ fn_loadAddActive();
	166	+ e.preventDefault();
	167	+ var files = e.originalEvent.dataTransfer.files;
	168	+ excelFileChange(files[0]);
	169	+ });
	170	+
	171	+ $(document).on('dragenter', function (e){
	172	+ e.stopPropagation();
	173	+ e.preventDefault();
	174	+ });
	175	+ $(document).on('dragover', function (e){
	176	+ e.stopPropagation();
	177	+ e.preventDefault();
	178	+ //objDragAndDrop.css('border', '2px dotted #0B85A1');
	179	+ });
	180	+ $(document).on('drop', function (e){
	181	+ e.stopPropagation();
	182	+ e.preventDefault();
	183	+ });
	184	+ //파일 드래그앤드롭 종료
	185	+
	186	+
	187	+
	188	+
	189	+
	190	+ //타이틀 select 선택 이벤트
	191	+ $('.field-selector').on('change', function() {
	192	+ fn_loadAddActive();
	193	+
	194	+ setTimeout(() => {
	195	+ var selectedFields = [];
	196	+ var isDuplicate = false;
	197	+
	198	+ if($tableExcel.getData().length < 1){
	199	+ alert('데이터 입력 후 선택해 주세요.');
	200	+ $(this).val("");
	201	+ fn_loadRemoveActive();
	202	+ return false;
	203	+ }
	204	+
	205	+ // 중복체크
	206	+ $('.field-selector').each(function() {
	207	+ var selectedField = $(this).val();
	208	+ if (selectedField) {
	209	+ if (selectedFields.includes(selectedField)) {
	210	+ alert("중복된 필드를 선택할 수 없습니다.");
	211	+ $(this).val(""); // 중복 필드를 선택한 경우 빈 값으로 초기화
	212	+ isDuplicate = true;
	213	+ return false; // 반복문 종료
	214	+ }
	215	+ selectedFields.push(selectedField);
	216	+ }
	217	+ });
	218	+
	219	+
	220	+ //
	221	+ updateTableFields($tableExcel);
	222	+
	223	+ // 필드가 휴대폰이면 열 중복체크
	224	+ if($(this).val() == 'addrPhoneNo'){
	225	+ fn_phoneDupl($tableExcel);
	226	+ }
	227	+ fn_loadRemoveActive();
	228	+
	229	+ }, 0); // 지연 없이 즉시 실행되도록 0ms 지연을 설정
	230	+
	231	+
	232	+ });
	233	+
	234	+
	235	+
	236	+ // 받는사람 선택삭제 버튼 처리해주기
	237	+ $('#in_select_del').click(function(){
	238	+
	239	+ if($tableExcel == null \|\| $tableExcel == ""){
	240	+
	241	+ alert("받는사람을 추가해 주세요.");
	242	+ return false;
	243	+
	244	+ }
	245	+
	246	+ var selectedData = $tableExcel.getSelectedRows();
	247	+
	248	+ if(selectedData == "" \|\| selectedData == null){
	249	+
	250	+ alert("삭제할 연락처를 선택해주세요.");
	251	+ return false;
	252	+
	253	+ }else{ // 선택한 Row 데이터 삭제하기
	254	+
	255	+ if(confirm("선택하신 받는 사람을 삭제하시겠습니까?")){
	256	+
	257	+ // 선택 데이터 삭제
	258	+ selectedData.forEach(row => row.delete());
	259	+
	260	+
	261	+ totRows = $tableExcel.getRows().length;
	262	+ $("#excelRowTotCnt").text(totRows);
	263	+
	264	+
	265	+ }
	266	+
	267	+ }
	268	+
	269	+ });
	270	+
	271	+ // 추가버튼
	272	+ $('#btnAddrMassReg').click(function(){
	273	+
	274	+ if($tableExcel.getData().length < 1){
	275	+ alert("한 개 이상의 연락처를 입력하세요");
	276	+ return false;
	277	+ }
	278	+// else if (selectedData.length > 20000) {
	279	+// alert("2만줄 이상의 업로드는 데이터 부하로 업로드 할수 없습니다.");
	280	+// return false;
	281	+// }
	282	+
	283	+
	284	+ // tableExcel 그룹의 select 요소들을 확인
	285	+// var isPhoneSelected = false;
	286	+// var isNameSelected = false;
	287	+ var columns = $tableExcel.getColumns();
	288	+ var isAddrPhoneNoSelected = columns.some(column => column.getField() === 'addrPhoneNo');
	289	+
	290	+ if (!isAddrPhoneNoSelected) {
	291	+// isPhoneSelected = true;
	292	+ alert('휴대폰이 선택되지 않았습니다.');
	293	+ return false;
	294	+
	295	+ }
	296	+
	297	+ var addrData = $tableExcel.getData().map((row, index) => ({
	298	+ name: row.addrNm,
	299	+ phone: removeDash(row.addrPhoneNo),
	300	+ rep1: row.addrInfo1,
	301	+ rep2: row.addrInfo2,
	302	+ rep3: row.addrInfo3,
	303	+ rep4: row.addrInfo4,
	304	+ }));
	305	+
	306	+
	307	+
	308	+
	309	+
	310	+
	311	+ // 기존 tableL의 데이터를 가져옵니다.
	312	+ var existingData = tableL.getData();
	313	+ // 기존 데이터와 새로운 데이터를 합칩니다.
	314	+ var combinedData = existingData.concat(addrData);
	315	+ // 합쳐진 데이터를 tableL에 설정합니다.
	316	+ tableL.setData(combinedData);
	317	+
	318	+ // 미리보기 버튼 활성화
	319	+ updateButtons(0);
	320	+
	321	+ var totRows = tableL.getRows().length;
	322	+ updateTotCnt(totRows); //전체 데이터 갯수 구하기
	323	+ console.log('totRows : ', totRows);
	324	+ var smsTxtArea = $('#smsTxtArea').val();
	325	+ if(smsTxtArea.indexOf("[이름]") > -1
	326	+ \|\| smsTxtArea.indexOf("[1]") > -1
	327	+ \|\| smsTxtArea.indexOf("[2]") > -1
	328	+ \|\| smsTxtArea.indexOf("[3]") > -1
	329	+ \|\| smsTxtArea.indexOf("[4]") > -1){
	330	+
	331	+ fnReplCell();
	332	+
	333	+ }else{
	334	+
	335	+ //결제 금액 구하기
	336	+ totalPriceSum(totRows);
	337	+
	338	+ }
	339	+
	340	+ setAddrMassClose();
	341	+ $('.field-selector').each(function() { $(this).val(''); });
	342	+ $('#closeBtn').click();
	343	+ });
	344	+
	345	+
	346	+
	347	+ //받는사람 전체삭제 버튼 처리
	348	+ $('#allDel').click(function(){
	349	+ var data = $tableExcel.getRows();
	350	+ $tableExcel.clearData();
	351	+ $("#excelRowTotCnt").text(0); //총건수 수정
	352	+ $("#excelRowDupCnt").text(0); //중복건수 수정
	353	+ dupliPhoneDataRealList.length = 0; // 중복 휴대폰번호 초기화
	354	+
	355	+ // select box 초기화
	356	+ $('.field-selector').each(function() { $(this).val(''); });
	357	+
	358	+ });
	359	+
	360	+
	361	+
	362	+});
	363	+
	364	+
	365	+
	366	+function excelFileChange(file) {
	367	+ if (file) {
	368	+
	369	+ // 파일 크기 체크 (20MB)
	370	+ const maxSize = 20 * 1024 * 1024; // 20MB in bytes
	371	+ if (file.size > maxSize) {
	372	+ alert('파일 크기는 20MB를 초과할 수 없습니다.');
	373	+ return;
	374	+ }
	375	+
	376	+ fn_loadAddActive();
	377	+ var reader = new FileReader();
	378	+ var extension = file.name.split('.').pop().toLowerCase();
	379	+ reader.onload = function(e) {
	380	+ setTimeout(() => { // 파일 읽기 완료 후 실행되도록 함
	381	+ if (extension === 'xlsx') {
	382	+ var data = new Uint8Array(e.target.result);
	383	+ var workbook = XLSX.read(data, {type: 'array'});
	384	+ var firstSheet = workbook.Sheets[workbook.SheetNames[0]];
	385	+ var jsonData = XLSX.utils.sheet_to_json(firstSheet, {header: 1});
	386	+ processExcelData(jsonData);
	387	+ } else if (extension === 'txt') {
	388	+ var textData = e.target.result;
	389	+ processTextData(textData);
	390	+ } else {
	391	+ alert('지원되지 않는 파일 형식입니다.');
	392	+ }
	393	+ fn_loadRemoveActive();
	394	+ }, 0); // 지연 없이 즉시 실행되도록 0ms 지연을 설정
	395	+ };
	396	+ if (extension === 'xlsx') {
	397	+ reader.readAsArrayBuffer(file);
	398	+ } else if (extension === 'txt') {
	399	+ reader.readAsText(file);
	400	+ }
	401	+ }
	402	+}
	403	+
	404	+
	405	+// 엑셀 데이터 처리 함수
	406	+function processExcelData(data) {
	407	+ var keys = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
	408	+ var tableData = [];
	409	+ var totalRows = data.length - 2; // 전체 데이터 수 (1, 2행 제외)
	410	+
	411	+
	412	+ // 3번째 행부터 입력
	413	+ data.slice(0).forEach((row, index) => {
	414	+ var rowData = {};
	415	+ keys.forEach((key, idx) => { // index 변수명 변경 (내부와 외부에서 사용되므로 충돌 방지)
	416	+// console.log('row[idx] : ', row[idx]);
	417	+// rowData[key] = row[idx] ? row[idx].trim() : ""; // 각 컬럼에 대해 기본값을 설정
	418	+ rowData[key] = (typeof row[idx] === 'string') ? row[idx].trim() : row[idx];
	419	+ });
	420	+ tableData.push(rowData);
	421	+
	422	+ });
	423	+
	424	+ updateTable(tableData);
	425	+}
	426	+
	427	+
	428	+// 텍스트 데이터 처리 함수
	429	+function processTextData(text) {
	430	+ var lines = text.split('\n'); // 각 줄을 배열로 분리
	431	+ var keys = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
	432	+ var tableData = [];
	433	+
	434	+ lines.forEach(line => {
	435	+ var rowData = {};
	436	+ var row = line.split(','); // 쉼표로 분리
	437	+ keys.forEach((key, index) => {
	438	+ rowData[key] = row[index] ? row[index].trim() : ""; // 각 컬럼에 대해 기본값을 설정
	439	+ });
	440	+ tableData.push(rowData);
	441	+ });
	442	+
	443	+ updateTable(tableData);
	444	+}
	445	+
	446	+//공통 테이블 업데이트 함수
	447	+function updateTable(tableData) {
	448	+ $tableExcel.setColumns([ //Define Table Columns
	449	+ {formatter:"rowSelection", titleFormatter:"rowSelection",clipboard:false, headerHozAlign:"center", hozAlign:"center", headerSort:false, cellClick:function(e, cell){
	450	+ cell.getRow().toggleSelect();
	451	+ }
	452	+ },
	453	+ {formatter:"rownum", align:"center" ,title:"No", hozAlign:"center", headerHozAlign:"center", width:60},
	454	+ {title:"A", field:"A", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
	455	+ {title:"B", field:"B", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
	456	+ {title:"C", field:"C", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
	457	+ {title:"D", field:"D", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
	458	+ {title:"E", field:"E", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
	459	+ {title:"F", field:"F", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]}
	460	+ ]);
	461	+
	462	+ $tableExcel.setData(tableData).then(() => {
	463	+ // excelRowTotCnt 업데이트
	464	+ document.getElementById("excelRowTotCnt").innerText = tableData.length;
	465	+ });
	466	+
	467	+ fn_loadRemoveActive();
	468	+}
	469	+
	470	+
	471	+
	472	+/*
	473	+* 타이틀 select 선택할때마다 실행해서
	474	+* 데이터테이블 필드값 수정
	475	+*/
	476	+function updateTableFields($objTabul) {
	477	+ var currentData = $objTabul.getData();
	478	+ var columns = [
	479	+ {formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
	480	+ cell.getRow().toggleSelect();
	481	+ }}
	482	+ ,{formatter:"rownum", align:"center", title:"No", hozAlign:"center", headerHozAlign:"center", width:60}
	483	+ ];
	484	+
	485	+ var fieldMapping = [];
	486	+ $('.field-selector').each(function(index) {
	487	+ var selectedField = $(this).val();
	488	+ // ASCII 문자 코드 사용 - 65=A, 66=B ...
	489	+ var field = String.fromCharCode(65 + index);
	490	+ if (selectedField) {
	491	+ columns.push({
	492	+ title: field
	493	+ , field: selectedField
	494	+ , hozAlign: "center"
	495	+ , headerHozAlign: "center"
	496	+// , editor: "input"
	497	+ , editor: false
	498	+ , width: 140
	499	+ , validator: ["maxLength:100", "string"]
	500	+ });
	501	+ fieldMapping.push(selectedField);
	502	+ } else {
	503	+ columns.push({
	504	+ title: field
	505	+ , field: field
	506	+ , hozAlign: "center"
	507	+ , headerHozAlign: "center"
	508	+ , editor: false
	509	+// , editor: "input"
	510	+ , width: 140
	511	+ , validator: ["maxLength:100", "string"]
	512	+ });
	513	+ fieldMapping.push(field);
	514	+ }
	515	+ });
	516	+
	517	+ var updatedData = currentData.map(row => {
	518	+ var newRow = {};
	519	+ fieldMapping.forEach((field, index) => {
	520	+ newRow[field] = row[Object.keys(row)[index]] \|\| "";
	521	+ });
	522	+ return newRow;
	523	+ });
	524	+
	525	+ $objTabul.setColumns(columns);
	526	+ $objTabul.setData(updatedData);
	527	+}
	528	+
	529	+
	530	+/**
	531	+ * @ 핸드폰 중복 데이터
	532	+ * */
	533	+function fn_phoneDupl($objTabul) {
	534	+
	535	+ $tableError.clearData();
	536	+
	537	+ var data = $objTabul.getData();
	538	+ var phoneNumberChk = false;
	539	+ var existingNumbers = new Set(); // 배열에서 Set으로 변경
	540	+
	541	+ let errorCount = 0; // 중복 번호 개수를 저장할 변수
	542	+ let duplicateCount = 0; // 중복 번호 개수를 저장할 변수
	543	+
	544	+ const errors = []; // 오류 데이터를 저장할 배열
	545	+ const newData = []; // 유효한 데이터만 저장할 새로운 배열
	546	+
	547	+ data.forEach((row, index) => {
	548	+
	549	+ const number = row.addrPhoneNo;
	550	+
	551	+ // number가 null, undefined, 빈 문자열이거나 숫자인 경우 처리
	552	+ if (!number \|\| (typeof number === 'string' && !number.trim())){
	553	+ console.log("number : ", number);
	554	+ return;
	555	+ }
	556	+
	557	+ const formattedNumber = formatPhoneNumber(number); // 번호 표준화
	558	+ const cleanedNumber = formattedNumber.replace(/[^0-9]/g, ''); // 숫자만 남김
	559	+
	560	+ if (!existingNumbers.has(cleanedNumber)) { // 중복 번호 체크
	561	+ if (isValidPhoneNumber(formattedNumber)) { // 유효성 검사
	562	+ row.addrPhoneNo = formattedNumber;
	563	+ existingNumbers.add(cleanedNumber); // 추가된 번호를 기존 목록에 추가
	564	+ newData.push(row); // 유효한 데이터만 새로운 배열에 추가
	565	+ } else {
	566	+ // 오류: 유효성 통과 못함
	567	+ errorCount++;
	568	+
	569	+ errors.push({
	570	+ name: row.addrNm, // 이름
	571	+ phone: row.addrPhoneNo, // 폰번호
	572	+ result: "오류" // 결과 메시지 추가
	573	+ });
	574	+ }
	575	+ } else {
	576	+ // 중복
	577	+ duplicateCount++;
	578	+
	579	+ errors.push({
	580	+ name: row.addrNm, // 이름
	581	+ phone: row.addrPhoneNo, // 폰번호
	582	+ result: "중복" // 결과 메시지 추가
	583	+ });
	584	+ }
	585	+ });
	586	+
	587	+ // data 배열을 newData 배열로 대체
	588	+ data = newData;
	589	+
	590	+
	591	+ // 수정된 데이터로 테이블 업데이트
	592	+ $objTabul.setData(data);
	593	+ // 오류 총 카운트
	594	+ $("#excelRowTotCnt").text($objTabul.getDataCount());
	595	+ // 중복 카운트
	596	+ $("#excelRowDupCnt").text(duplicateCount);
	597	+ // 에러 카운트
	598	+ $("#excelRowErrorCnt").text(errorCount);
	599	+
	600	+ // popup 영역
	601	+ $("#errorPopTotCnt").text($objTabul.getDataCount());
	602	+ // 중복 카운트
	603	+ $("#errorPopDupCnt").text(duplicateCount);
	604	+ // 에러 카운트
	605	+ $("#errorPopErrorCnt").text(errorCount);
	606	+
	607	+
	608	+ $tableError.setData(errors);
	609	+
	610	+ if(errorCount > 0){
	611	+ alert('휴대폰 형식에 맞지 않는 데이터는 삭제 후 업로드 됩니다.\nex) 발송불가 특수문자, 자릿수 오류 등');
	612	+ }
	613	+
	614	+
	615	+
	616	+}
	617	+
	618	+function fn_dupliPopupShow(){
	619	+
	620	+ $("#tableExcelDupliBtn").show();
	621	+}
	622	+
	623	+function makeAddrMassDupliPop(dupliPhoneDataRealList) {
	624	+ var sHtml = "";
	625	+ sHtml += "<div class='' style='overflow-x:auto; height:350px;'>";
	626	+ sHtml += "<table class='tType4'>";
	627	+ sHtml += " <colgroup>";
	628	+ sHtml += " <col style='width:auto' />";
	629	+ sHtml += " </colgroup>";
	630	+ sHtml += " <thead>";
	631	+ sHtml += " <tr>";
	632	+ sHtml += " <th>중복 휴대폰번호 (" + numberWithCommas(dupliPhoneDataRealList.length) + "개)</th>";
	633	+ sHtml += " </tr>";
	634	+ sHtml += " </thead>";
	635	+ sHtml += " <tbody>";
	636	+ for (var i = 0; i < dupliPhoneDataRealList.length; i++) {
	637	+ sHtml += " <tr>";
	638	+ sHtml += " <td>" + dupliPhoneDataRealList[i] + "</td>";
	639	+ sHtml += " </tr>";
	640	+ }
	641	+ sHtml += " </tbody>";
	642	+ sHtml += " </table>";
	643	+ sHtml += " </div>";
	644	+
	645	+ $("#addrMassDupli_layer").html(sHtml);
	646	+ fn_dupliPopupShow();
	647	+
	648	+}
	649	+
	650	+
	651	+function fn_dupliPopupShow(){
	652	+ $('#tableExcelDupliBtn').show();
	653	+}
	654	+
	655	+//한국의 핸드폰 번호 형식 검사 함수
	656	+function isValidKoreanPhoneNumber(phone) {
	657	+ // 하이픈(-)을 제거하고 숫자만 남긴 후 검사
	658	+ var cleaned = phone.replace(/-/g, '');
	659	+ // 010, 011, 016, 017, 018, 019로 시작하고 10~11자리인 경우 유효
	660	+ var valid = /^(010\|011\|016\|017\|018\|019)\d{7,8}$/.test(cleaned);
	661	+ return valid;
	662	+}
	663	+
	664	+
	665	+
	666	+
	667	+// 상단 설명 더보기
	668	+function popMore(e){
	669	+ $(e).closest(".pop_more_cont").toggleClass("pop_more_click");
	670	+
	671	+ if($(e).closest(".pop_more_cont").is(".pop_more_click")){
	672	+ $(e).html('숨기기');
	673	+ $(e).append('<i></i>');
	674	+ }else {
	675	+ $(e).html('더보기');
	676	+ $(e).append('<i></i>');
	677	+ }
	678	+}
	679	+
	680	+
	681	+
	682	+
	683	+</script>
	684	+
	685	+<!-- 중복전화번호 data-tooltip:addrMassDupli_layer -->
	686	+<div class="tooltip-wrap">
	687	+ <div class="popup-com addrMassDupli_layer" tabindex="0" data-tooltip-con="addrMassDupli_layer" data-focus="addrMassDupli_layer" data-focus-prev="addrMassDupli_layer-close" style="width: 270px; height: 500px;">
	688	+ <div class="popup_heading">
	689	+ <p>중복 휴대폰번호</p>
	690	+ <button type="button" class="tooltip-close" data-focus="addrMassDupli_layer-close" onclick="setAddrDupliClose();"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	691	+ </div>
	692	+ <div class="layer_in" style="padding:20px 0px;" id="addrMassDupli_layer">
	693	+ </div>
	694	+
	695	+ <div class="popup_btn_wrap2" style="margin-top: 0px;">
	696	+ <button type="button" class="tooltip-close" data-focus="addrMassDupli_layer-close" data-focus-next="addrMassDupli_layer">닫기</button>
	697	+ </div>
	698	+
	699	+ </div>
	700	+</div>
	701	+
	702	+
	703	+<!-- 주소록 상세 결과 팝업 data-tooltip:adr_popup14 -->
	704	+ <div class="tooltip-wrap">
	705	+ <div class="popup-com adr_layer adr_popup14" tabindex="0" data-tooltip-con="adr_popup14" data-focus="adr_popup14" data-focus-prev="adr_popu14-close" style="width: 450px;">
	706	+ <div class="popup_heading">
	707	+ <p>주소록 상세 결과</p>
	708	+ <button type="button" class="tooltip-close" data-focus="adr_popup14-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	709	+ </div>
	710	+ <div class="layer_in" style="padding:30px 20px;">
	711	+ <div class="table_top">
	712	+ <p>
	713	+ 총 <span class="c_e40000" id="errorPopTotCnt">0</span>건
	714	+ / 중복 <span class="c_002c9a" id="errorPopDupCnt">0</span>건
	715	+ / 오류 <span class="c_002c9a" id="errorPopErrorCnt">0</span>건</p>
	716	+ <button type="button" class="excel_btn btnType" id="errorExcelBtn"><i class="downroad"></i>엑셀 다운로드</button>
	717	+ </div>
	718	+ <div class="tb_wrap adr_list" id="tabulator_error">
	719	+ <!-- $tableError 참고 -->
	720	+ </div>
	721	+ <ul class="cf_text_ul">
	722	+ <li>*중복번호는 하나의 번호만 등록됩니다.</li>
	723	+ <li>*휴대폰 형식에 맞지 않는 데이터는 삭제 후 업로드 됩니다.</li>
	724	+ <li>ex) 발송불가 특수문자, 자릿수 오류 등</li>
	725	+ </ul>
	726	+ <div class="popup_btn_wrap2">
	727	+<!-- <button type="button">저장</button> -->
	728	+ <button type="button" class="tooltip-close" data-focus="adr_popup14-close" data-focus-next="adr_popup14">닫기</button>
	729	+ </div>
	730	+ </div>
	731	+ </div>
	732	+ </div>
	733	+
	734	+<!--// 중복전화번호 팝업 -->
	735	+ <div class="popup_heading">
	736	+ <p>엑셀 불러오기</p>
	737	+ <button type="button" class="tooltip-close" id="closeBtn" data-focus="popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	738	+ </div>
	739	+ <div class="layer_in" style="padding: 25px 30px;">
	740	+<!-- <div class="list_tab_wrap2"> -->
	741	+ <!-- tab button -->
	742	+<!-- <ul class="list_tab" id="tbTabl"> -->
	743	+<!-- <li class="tab active" data-tabul="tableExcel"><button type="button" onclick="popupTab(this,'1'); fn_tabToggle('1');">엑셀입력</button></li> -->
	744	+<!-- <li class="tab" data-tabul="tableClip"><button type="button" onclick="popupTab(this,'2'); fn_tabToggle('2');">붙여넣기</button></li> -->
	745	+<!-- <li class="tab" data-tabul="tableSelf"><button type="button" onclick="popupTab(this,'3'); fn_tabToggle('3');">직접입력</button></li> -->
	746	+<!-- </ul>// tab button -->
	747	+<!-- </div> -->
	748	+ <!-- 엑셀입력 -->
	749	+ <div class="popCont current pop_more_cont" id="popCont_1">
	750	+ <div class="titBox">
	751	+ <p>- 주소록은 한 번에 최대 30만건까지 등록(EXCEL파일, 최대용량 20MB) 가능합니다. </p>
	752	+ <p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
	753	+ <p>- 구분선(\|), 역슬래시(＼, ￦), 큰따옴표(") 등 발송불가 특수문자는 저장되지 않습니다.</p>
	754	+ <p>- 이름 200byte, [1]~[4] 200byte, 메모 250byte까지 입력 가능합니다.</p>
	755	+ <p>- 주소록 등록이 어려우신 경우에는 <a href="<c:url value='/web/mjon/addragency/selectAddrAgencyList.do'/>" style="font-weight: bold; color: blue;">주소록 입력대행</a> 메뉴를 이용하실 수 있습니다. </p>
	756	+ </div>
	757	+ <div class="pop_more_wrap">
	758	+ <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
	759	+ </div>
	760	+ </div><!--// 엑셀입력 -->
	761	+
	762	+ <!-- 공통 -->
	763	+ <div>
	764	+ <table class="layer_tType1">
	765	+ <caption>엑셀입력 표</caption>
	766	+ <colgroup>
	767	+ <col style="width: 95px">
	768	+ <col style="width: auto">
	769	+ </colgroup>
	770	+ <tbody>
	771	+ <tr>
	772	+ <!-- <th>그룹 선택</th>
	773	+ <td>
	774	+ <label for="" class="label">그룹 선택</label>
	775	+ <select id="addrGrpIdInfo" name="addrGrpIdInfo">
	776	+ </select>
	777	+ <label for="" class="label">그룹명 입력</label>
	778	+ <input type="text" id="addrGrpNm" name="addrGrpNm" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'"class="inputLight" style="width: 300px;">
	779	+ <input type="file" id="excelFile" accept=".xls, .xlsx, .txt" style="display:none"/>
	780	+ <button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
	781	+ </td> -->
	782	+ <td colspan="2" style="padding:20px 0;">
	783	+ <div class="file_upload_wrap" style="width:100%;display:flex;">
	784	+ <div class="file_add upload_area">
	785	+ <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요</p>
	786	+ </div>
	787	+ <input type="file" id="excelFile" accept=".xls, .xlsx, .txt" style="display:none"/>
	788	+ <button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
	789	+ </div>
	790	+ </td>
	791	+ </tr>
	792	+ </tbody>
	793	+ </table>
	794	+ </div>
	795	+
	796	+
	797	+ <div class="excel_middle2">
	798	+ <p>
	799	+ 총 <span class="c_e40000 fwBold" id="excelRowTotCnt">0</span>건
	800	+ / 중복 <span class="c_002c9a fwBold" id="excelRowDupCnt">0</span>건
	801	+ / 오류 <span class="c_002c9a fwBold" id="excelRowErrorCnt">0</span>건
	802	+ <button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button>
	803	+ </p>
	804	+<!--   -->
	805	+<!-- <button type="button" class="btnType btnType6" data-tooltip="addrMassDupli_layer" id="tableExcelDupliBtn">중복번호</button> -->
	806	+<!--   -->
	807	+<!-- <button type="button" class="btnType btnType6" data-tooltip="addrMassSaveDupli_layer" onclick="GetAddrMassSaveDupli()" id="btnAddrMassSaveDupli">중복번호</button> -->
	808	+ </p>
	809	+<!-- <button type="button" class="btnType btnType6 addCallToF">번호추가</button> -->
	810	+ </div>
	811	+
	812	+
	813	+
	814	+
	815	+ <div class="adr_excel" style="margin-top: 13px; overflow-x:auto;">
	816	+<!-- <div class="adr_excel" style="margin-top: 13px;"> -->
	817	+ <!-- thead -->
	818	+ <div class="adr_hd select_adr_hd msg" data-group="tableExcel">
	819	+ <div style="width: 100px;"></div>
	820	+ <div style="width: 100px;"></div>
	821	+ <div style="width: 140px;">
	822	+ <label for="" class="label"></label>
	823	+ <select class="field-selector">
	824	+ <option value="">선택하기</option>
	825	+ <option value="addrNm">이름</option>
	826	+ <option value="addrPhoneNo">휴대폰</option>
	827	+ <option value="addrInfo1">[1]</option>
	828	+ <option value="addrInfo2">[2]</option>
	829	+ <option value="addrInfo3">[3]</option>
	830	+ <option value="addrInfo4">[4]</option>
	831	+<!-- <option value="addrComment">메모</option> -->
	832	+ </select>
	833	+ </div>
	834	+ <div style="width: 140px;">
	835	+ <label for="" class="label"></label>
	836	+ <select class="field-selector">
	837	+ <option value="">선택하기</option>
	838	+ <option value="addrNm">이름</option>
	839	+ <option value="addrPhoneNo">휴대폰</option>
	840	+ <option value="addrInfo1">[1]</option>
	841	+ <option value="addrInfo2">[2]</option>
	842	+ <option value="addrInfo3">[3]</option>
	843	+ <option value="addrInfo4">[4]</option>
	844	+<!-- <option value="addrComment">메모</option> -->
	845	+ </select>
	846	+ </div>
	847	+ <div style="width: 140px;">
	848	+ <label for="" class="label"></label>
	849	+ <select class="field-selector">
	850	+ <option value="">선택하기</option>
	851	+ <option value="addrNm">이름</option>
	852	+ <option value="addrPhoneNo">휴대폰</option>
	853	+ <option value="addrInfo1">[1]</option>
	854	+ <option value="addrInfo2">[2]</option>
	855	+ <option value="addrInfo3">[3]</option>
	856	+ <option value="addrInfo4">[4]</option>
	857	+<!-- <option value="addrComment">메모</option> -->
	858	+ </select>
	859	+ </div>
	860	+ <div style="width: 140px;">
	861	+ <label for="" class="label"></label>
	862	+ <select class="field-selector">
	863	+ <option value="">선택하기</option>
	864	+ <option value="addrNm">이름</option>
	865	+ <option value="addrPhoneNo">휴대폰</option>
	866	+ <option value="addrInfo1">[1]</option>
	867	+ <option value="addrInfo2">[2]</option>
	868	+ <option value="addrInfo3">[3]</option>
	869	+ <option value="addrInfo4">[4]</option>
	870	+<!-- <option value="addrComment">메모</option> -->
	871	+ </select>
	872	+ </div>
	873	+ <div style="width: 140px;">
	874	+ <label for="" class="label"></label>
	875	+ <select class="field-selector">
	876	+ <option value="">선택하기</option>
	877	+ <option value="addrNm">이름</option>
	878	+ <option value="addrPhoneNo">휴대폰</option>
	879	+ <option value="addrInfo1">[1]</option>
	880	+ <option value="addrInfo2">[2]</option>
	881	+ <option value="addrInfo3">[3]</option>
	882	+ <option value="addrInfo4">[4]</option>
	883	+<!-- <option value="addrComment">메모</option> -->
	884	+ </select>
	885	+ </div>
	886	+ <div style="width: 140px;">
	887	+ <label for="" class="label"></label>
	888	+ <select class="field-selector">
	889	+ <option value="">선택하기</option>
	890	+ <option value="addrNm">이름</option>
	891	+ <option value="addrPhoneNo">휴대폰</option>
	892	+ <option value="addrInfo1">[1]</option>
	893	+ <option value="addrInfo2">[2]</option>
	894	+ <option value="addrInfo3">[3]</option>
	895	+ <option value="addrInfo4">[4]</option>
	896	+<!-- <option value="addrComment">메모</option> -->
	897	+ </select>
	898	+ </div>
	899	+ <!-- <div style="width: 125px;">
	900	+ <label for="" class="label"></label>
	901	+ <select class="field-selector">
	902	+ <option value="">선택하기</option>
	903	+ <option value="addrNm">이름</option>
	904	+ <option value="addrPhoneNo">휴대폰</option>
	905	+ <option value="addrInfo1">[1]</option>
	906	+ <option value="addrInfo2">[2]</option>
	907	+ <option value="addrInfo3">[3]</option>
	908	+ <option value="addrInfo4">[4]</option>
	909	+ <option value="addrComment">메모</option>
	910	+ </select>
	911	+ </div> -->
	912	+ </div>
	913	+ </div>
	914	+
	915	+ <div class="drag_drop_wrap callList_includ_box" id="tabulator_excel">
	916	+<!-- <img src="/publish/images/content/excel.jpg" style="width: 100%;"> -->
	917	+ </div>
	918	+ <div class="excel_middle">
	919	+ <div class="select_btnWrap clearfix">
	920	+ <div>
	921	+ <button type="button" id="allDel"><i class="remove_img"></i>전체삭제</button>
	922	+ <button type="button" id="in_select_del"><i class="remove_img"></i>선택삭제</button>
	923	+ </div>
	924	+
	925	+ </div>
	926	+ </div><!--// 공통 -->
	927	+
	928	+ <!-- 붙여놓기 설명 -->
	929	+<!-- <div class="req_area"> -->
	930	+<!-- <div class="text_box"> -->
	931	+<!-- - 휴대폰 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.<br> -->
	932	+<!-- - 휴대폰 번호는 필수입력 항목입니다.<br> -->
	933	+<!-- - 이름,휴대폰 번호,[1],[2],[3],[4],메모 순서대로 입력해주세요.(예 : 010-1234-5678,홍길동,변수1…메모)<br> -->
	934	+<!-- - 이름은 24byte, [1]~[4] 40byte, 메모는 250byte까지 입력 가능합니다.<br> -->
	935	+<!-- - '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다. -->
	936	+<!-- </div> -->
	937	+<!-- </div> -->
	938	+ <div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
	939	+ <button type="button" id="btnAddrMassReg">추가</button>
	940	+ <button type="button" id="btnAddrMassClose" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
	941	+ </div>
	942	+
	943	+ </div>(No newline at end of file)

Add a comment

Open 0
Closed 0

List

...	...	@@ -3662,7 +3662,7 @@
3662	3662	<form id="excelForm" name="excelForm" method="post">
3663	3663	<div class="tooltip-wrap">
3664	3664	<div class="popup-com adr_layer popup02" tabindex="0" data-tooltip-con="popup02" data-focus="popup02" data-focus-prev="popup02-close" style="width: 1000px;">
3665		- <%@include file="/WEB-INF/jsp/web/msgdata/include/msgDataIncludeExcel.jsp" %>
	3665	+ <%@include file="/WEB-INF/jsp/web/msgcampain/include/msgDataIncludeExcel.jsp" %>
3666	3666	</div>
3667	3667	</div>
3668	3668	</form>

Delete comment