From cabf73ad986474eaab28b711cceaf642f9789c26 Mon Sep 17 00:00:00 2001 From: hylee Date: Thu, 25 Jul 2024 18:21:25 +0900 Subject: [PATCH] =?UTF-8?q?=EC=A3=BC=EC=86=8C=EB=A1=9D=20=EC=A7=84?= =?UTF-8?q?=ED=96=89=EC=A4=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../itn/let/mjo/addr/web/AddrController.java | 8 + .../let/mjo/addr/web/AddrRestController.java | 117 ++ .../webapp/WEB-INF/jsp/web/addr/AddrList.jsp | 1122 +++-------------- ...717.jsp => AddrList_advcBack_20240723.jsp} | 953 +++++++++----- .../web/addr/include/addrListforClipboard.jsp | 668 ++++++++++ .../jsp/web/addr/include/addrListforExcel.jsp | 955 ++++++++++++++ .../jsp/web/addr/include/addrListforSelf.jsp | 697 ++++++++++ src/main/webapp/js/web/addr/event.js | 117 ++ src/main/webapp/js/web/addr/init.js | 120 ++ src/main/webapp/js/web/addr/utils.js | 24 + 10 files changed, 3503 insertions(+), 1278 deletions(-) create mode 100644 src/main/java/itn/let/mjo/addr/web/AddrRestController.java rename src/main/webapp/WEB-INF/jsp/web/addr/{AddrList_advcBackup_20240717.jsp => AddrList_advcBack_20240723.jsp} (65%) create mode 100644 src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforClipboard.jsp create mode 100644 src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp create mode 100644 src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforSelf.jsp create mode 100644 src/main/webapp/js/web/addr/event.js create mode 100644 src/main/webapp/js/web/addr/init.js create mode 100644 src/main/webapp/js/web/addr/utils.js diff --git a/src/main/java/itn/let/mjo/addr/web/AddrController.java b/src/main/java/itn/let/mjo/addr/web/AddrController.java index 1811aadb..aa44f7ab 100644 --- a/src/main/java/itn/let/mjo/addr/web/AddrController.java +++ b/src/main/java/itn/let/mjo/addr/web/AddrController.java @@ -402,6 +402,14 @@ public class AddrController { 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 diff --git a/src/main/java/itn/let/mjo/addr/web/AddrRestController.java b/src/main/java/itn/let/mjo/addr/web/AddrRestController.java new file mode 100644 index 00000000..84881bce --- /dev/null +++ b/src/main/java/itn/let/mjo/addr/web/AddrRestController.java @@ -0,0 +1,117 @@ +package itn.let.mjo.addr.web; + +import java.time.LocalDateTime; +import java.util.ArrayList; +import java.util.List; + +import javax.annotation.Resource; + +import org.springframework.http.HttpStatus; +import org.springframework.http.ResponseEntity; +import org.springframework.ui.ModelMap; +import org.springframework.web.bind.annotation.ModelAttribute; +import org.springframework.web.bind.annotation.RequestBody; +import org.springframework.web.bind.annotation.RequestMapping; +import org.springframework.web.bind.annotation.RestController; +import org.springframework.web.servlet.ModelAndView; +import org.springframework.web.servlet.mvc.support.RedirectAttributes; + +import egovframework.rte.fdl.security.userdetails.util.EgovUserDetailsHelper; +import itn.com.cmm.EgovMessageSource; +import itn.com.cmm.LoginVO; +import itn.com.utl.fcc.service.EgovStringUtil; +import itn.let.fax.admin.service.FaxStatVO; +import itn.let.mail.service.StatusResponse; +import itn.let.mjo.addr.service.AddrGroupService; +import itn.let.mjo.addr.service.AddrGroupVO; +import itn.let.mjo.addr.service.AddrService; +import itn.let.mjo.addr.service.AddrVO; + +/** + * 주소록 관한 controller 클래스를 정의한다. + * @author ITN + * @since 2021.04.08 + * @version 1.0 + * @see + * + * 
+ * << 개정이력(Modification Information) >>
+ *
+ *   수정일      수정자           수정내용
+ *  -------    --------    ---------------------------
+ *   2021.04.08  ITN          최초 생성
+ *
+ *
+ */ +@RestController +public class AddrRestController { + + + @Resource (name = "AddrService") + private AddrService addrService; + + @Resource (name = "AddrGroupService") + private AddrGroupService addrGroupService; + + /** EgovMessageSource */ + @Resource(name="egovMessageSource") + EgovMessageSource egovMessageSource; + + + + /** + * 주소록 대량등록 저장 + * @param searchVO + * @param model + * @return "/web/mjon/addr/addrMassInsertByTempAjax.do" + * @throws Exception + */ + @RequestMapping(value= {"/web/mjon/addr/addrMassInsertByTempAjax_advc.do"}) + public ResponseEntity addrMassInsertByTempAjax(@RequestBody List addrListVO, + RedirectAttributes redirectAttributes, + ModelMap model) throws Exception{ + + + System.out.println("??"); + System.out.println("?? " + addrListVO.get(0).toString()); + + return ResponseEntity.ok().body(new StatusResponse(HttpStatus.OK, "", LocalDateTime.now())); + } + + /* 바이트 자르기 + UTF-8일 경우 + subStringBytes("블라블라블라라", 10, 3); + EUC-KR일 경우 + subStringBytes("블라블라블라라", 10, 2); + */ + public String subStringBytes(String str, int byteLength, int sizePerLetter) { + int retLength = 0; + int tempSize = 0; + int asc; + if (str == null || "".equals(str) || "null".equals(str)) { + str = ""; + } + + int length = str.length(); + + for (int i = 1; i <= length; i++) { + asc = (int) str.charAt(i - 1); + if (asc > 127) { + if (byteLength >= tempSize + sizePerLetter) { + tempSize += sizePerLetter; + retLength++; + } + } else { + if (byteLength > tempSize) { + tempSize++; + retLength++; + } + } + } + + return str.substring(0, retLength); + } + + + +} \ No newline at end of file diff --git a/src/main/webapp/WEB-INF/jsp/web/addr/AddrList.jsp b/src/main/webapp/WEB-INF/jsp/web/addr/AddrList.jsp index be4f10a2..6e258f84 100644 --- a/src/main/webapp/WEB-INF/jsp/web/addr/AddrList.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/addr/AddrList.jsp @@ -6,38 +6,30 @@ + + + +
@@ -1431,147 +757,58 @@ function GetAddrMassSaveDupli() {
Loading
+ +
+ -
- - - - - - - - -
-
-
-

주소록 대량등록

- -
-
-
- -
    -
    • -
    • -
-
- -
-
-

- 엑셀(EXCEL) 파일로 주소록을 한 번에 최대 2만건까지 등록하여 간편하게 발송 및 관리하실 수 있습니다.

-

- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 작성하셔야 합니다.

-

  ※ 주소록 관리 메뉴에서 다운로드 받으신 엑셀 파일 또한 업로드 양식에 맞추어 작성하셔야 하며,

-

      주소록에 이미 등록된 휴대폰 번호는 업데이트 되지 않으므로 기존 주소록에서 해당 휴대폰 번호를 삭제한 후 재등록해 주시기 바랍니다.

-

- 쉼표(,), 구분선(|), 역슬래시(＼, ￦), 작은따옴표('), 큰따옴표(") 등 발송불가 특수문자는 저장되지 않습니다.

-

- 휴대폰 번호는 필수입력 항목입니다.

-

- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.

-

- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.

-

- 이름 20byte, [*1*]~[*4*] 40byte, 메모 250byte까지 입력 가능합니다.

-

- 첨부가능 파일 : xlsx, xls(최대용량 3MB)

-

- ‘오류 검사’를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다.

-

- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.

- -
-
- -
-
- - -
-
-

- 텍스트(txt) 파일로 작성된 주소록을 등록하실 수 있습니다.

-

- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 붙여 넣으셔야 합니다.

-

- 입력 내용은 (Tab) 또는 (,) 구분하여 입력하여야 합니다.

-

- 한 줄(열)에 주소 한 건만 입력 가능합니다.

-

- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.

-

  (예) 홍길동,010-1234-5678 또는 홍길동,01012345678

-

- 한번에 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+c) + 붙여넣기(Ctrl+v)’ 또는 ‘엑셀입력’을 이용하세요.

-

- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.

- -
-
- -
-
- - -
- - - - - - - - - - - - -
엑셀입력 표
그룹 선택 - - - - - - - -
-
-
-

파일 붙여넣기마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요

-
-
-

- 총 0건 / 중복 0건 -   - -   - -

- -
-
- -
-
-
-
- - - - -
-

휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능

- (예시) 010-1234-0001(O) / 010-123-0001(X) -
-
- + + + + + + + + + +
+
+
+

주소록 대량등록

+ +
+
+
+ +
    +
    • +
    • +
    • +
+
+ + +
+ <%@include file="/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp" %>
-
- - -
-
- - 휴대폰 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.
- - 휴대폰 번호는 필수입력 항목입니다.
- - 이름,휴대폰 번호,[*1*],[*2*],[*3*],[*4*],메모 순서대로 입력해주세요.(예 : 010-1234-5678,홍길동,변수1…메모)
- - 이름은 24byte, [*1*]~[*4*] 40byte, 메모는 250byte까지 입력 가능합니다.
- - '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다. + -
- - -
-
- - -
+ + + +
+ + +
+ +
+
-
- + + +
@@ -1589,7 +826,7 @@ function GetAddrMassSaveDupli() {

주소록 관리

- +
<%--

- 연락처를 그룹별로 분류하여 간편하고 편리하게 관리할 수 있습니다(최대 100,000개까지 등록 가능)

@@ -1614,6 +851,11 @@ function GetAddrMassSaveDupli() {
+ + + + +
diff --git a/src/main/webapp/WEB-INF/jsp/web/addr/AddrList_advcBackup_20240717.jsp b/src/main/webapp/WEB-INF/jsp/web/addr/AddrList_advcBack_20240723.jsp similarity index 65% rename from src/main/webapp/WEB-INF/jsp/web/addr/AddrList_advcBackup_20240717.jsp rename to src/main/webapp/WEB-INF/jsp/web/addr/AddrList_advcBack_20240723.jsp index be4f10a2..b43acbdd 100644 --- a/src/main/webapp/WEB-INF/jsp/web/addr/AddrList_advcBackup_20240717.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/addr/AddrList_advcBack_20240723.jsp @@ -203,7 +203,9 @@ $(document).ready(function(){ width:"100%", layout:"fitColumns", //data:tabledata, - //autoColumns:true, +// autoColumns:true, + autoColumns:false, + headerHozAlign:"center", validationMode:"highlight", clipboard:false, @@ -215,13 +217,20 @@ $(document).ready(function(){ 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(); @@ -235,138 +244,139 @@ $(document).ready(function(){ }, }); + $(".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(){ @@ -447,6 +457,8 @@ $(document).ready(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){ @@ -476,8 +488,84 @@ $(document).ready(function(){ 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; @@ -626,33 +714,43 @@ function updateTotCnt(data){ } 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 초기화 @@ -661,18 +759,30 @@ function addPhoneInfo(data){ } } -/* 파일사이즈 가져오기 */ -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; +// } //############################################################################################# //파일업로드 드래그앤 드롭 @@ -691,7 +801,8 @@ $(document).on("drop",".upload_area",function(e){ //$(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){ @@ -709,141 +820,197 @@ $(document).on('drop', 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'); +// } +// }); +// } -} +// } //############################################################################################# @@ -949,7 +1116,8 @@ function SetAddrMassSave(){ 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) { @@ -1217,100 +1385,105 @@ $(document).on('click', '.c3', function() { }); //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) { @@ -1513,7 +1686,9 @@ function GetAddrMassSaveDupli() { - + + + @@ -1533,6 +1708,108 @@ function GetAddrMassSaveDupli() {

+ + + + +
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
diff --git a/src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforClipboard.jsp b/src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforClipboard.jsp new file mode 100644 index 00000000..d5a9e12a --- /dev/null +++ b/src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforClipboard.jsp @@ -0,0 +1,668 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> +<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> +<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%> +<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> +<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> + + + + + + +
+
+

- 텍스트(txt) 파일로 작성된 주소록을 등록하실 수 있습니다.

+

- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 붙여 넣으셔야 합니다.

+

- 입력 내용은 (Tab) 또는 (,) 구분하여 입력하여야 합니다.

+

- 한 줄(열)에 주소 한 건만 입력 가능합니다.

+

- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.

+

  (예) 홍길동,010-1234-5678 또는 홍길동,01012345678

+

- 한번에 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+c) + 붙여넣기(Ctrl+v)’ 또는 ‘엑셀입력’을 이용하세요.

+

- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.

+ +
+
+ +
+
+ + +
+ + + + + + + + + + + + +
엑셀입력 표
그룹 선택 + + + + + +
+
+
+

+ 총 0건 / 중복 0건 + + + + +

+ +
+ + + + +
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ +
+
+
+
+ + + + +
+

휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능

+ (예시) 010-1234-0001(O) / 010-123-0001(X) +
+
+ +
+
+ + +
+
+ - 휴대폰 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.
+ - 휴대폰 번호는 필수입력 항목입니다.
+ - 이름,휴대폰 번호,[*1*],[*2*],[*3*],[*4*],메모 순서대로 입력해주세요.(예 : 010-1234-5678,홍길동,변수1…메모)
+ - 이름은 24byte, [*1*]~[*4*] 40byte, 메모는 250byte까지 입력 가능합니다.
+ - '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다. +
+
diff --git a/src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp b/src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp new file mode 100644 index 00000000..2a230683 --- /dev/null +++ b/src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp @@ -0,0 +1,955 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> +<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> +<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%> +<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> +<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> + + + + + +
+
+

- 엑셀(EXCEL) 파일로 주소록을 한 번에 최대 2만건까지 등록하여 간편하게 발송 및 관리하실 수 있습니다.

+

- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 작성하셔야 합니다.

+

  ※ 주소록 관리 메뉴에서 다운로드 받으신 엑셀 파일 또한 업로드 양식에 맞추어 작성하셔야 하며,

+

      주소록에 이미 등록된 휴대폰 번호는 업데이트 되지 않으므로 기존 주소록에서 해당 휴대폰 번호를 삭제한 후 재등록해 주시기 바랍니다.

+

- 쉼표(,), 구분선(|), 역슬래시(＼, ￦), 작은따옴표('), 큰따옴표(") 등 발송불가 특수문자는 저장되지 않습니다.

+

- 휴대폰 번호는 필수입력 항목입니다.

+

- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.

+

- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.

+

- 이름 20byte, [*1*]~[*4*] 40byte, 메모 250byte까지 입력 가능합니다.

+

- 첨부가능 파일 : xlsx, xls(최대용량 3MB)

+

- ‘오류 검사’를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다.

+

- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.

+ +
+
+ +
+
+ + +
+ + + + + + + + + + + + +
엑셀입력 표
그룹 선택 + + + + + + + + + +
+
+
+

파일 붙여넣기마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요

+
+
+

+ 총 0건 / 중복 0건 +   + +   + +

+ +
+ + + + +
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ +
+
+
+
+ + + + +
+

휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능

+ (예시) 010-1234-0001(O) / 010-123-0001(X) +
+
+ +
+
+ + +
+
+ - 휴대폰 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.
+ - 휴대폰 번호는 필수입력 항목입니다.
+ - 이름,휴대폰 번호,[*1*],[*2*],[*3*],[*4*],메모 순서대로 입력해주세요.(예 : 010-1234-5678,홍길동,변수1…메모)
+ - 이름은 24byte, [*1*]~[*4*] 40byte, 메모는 250byte까지 입력 가능합니다.
+ - '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다. +
+
diff --git a/src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforSelf.jsp b/src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforSelf.jsp new file mode 100644 index 00000000..e694c7f2 --- /dev/null +++ b/src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforSelf.jsp @@ -0,0 +1,697 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> +<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> +<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%> +<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> +<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> + + + + + + +
+
+

- 텍스트(txt) 파일로 작성된 주소록을 등록하실 수 있습니다.

+

- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 붙여 넣으셔야 합니다.

+

- 입력 내용은 (Tab) 또는 (,) 구분하여 입력하여야 합니다.

+

- 한 줄(열)에 주소 한 건만 입력 가능합니다.

+

- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.

+

  (예) 홍길동,010-1234-5678 또는 홍길동,01012345678

+

- 한번에 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+c) + 붙여넣기(Ctrl+v)’ 또는 ‘엑셀입력’을 이용하세요.

+

- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.

+ +
+
+ +
+
+ + +
+ + + + + + + + + + + + +
엑셀입력 표
그룹 선택 + + + + + + + + + +
+
+
+

파일 붙여넣기마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요

+
+
+

+ 총 0건 / 중복 0건 + + + + +

+ +
+ + + + +
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ +
+
+
+
+ + + + +
+

휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능

+ (예시) 010-1234-0001(O) / 010-123-0001(X) +
+
+ +
+
+ + +
+
+ - 휴대폰 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.
+ - 휴대폰 번호는 필수입력 항목입니다.
+ - 이름,휴대폰 번호,[*1*],[*2*],[*3*],[*4*],메모 순서대로 입력해주세요.(예 : 010-1234-5678,홍길동,변수1…메모)
+ - 이름은 24byte, [*1*]~[*4*] 40byte, 메모는 250byte까지 입력 가능합니다.
+ - '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다. +
+
diff --git a/src/main/webapp/js/web/addr/event.js b/src/main/webapp/js/web/addr/event.js new file mode 100644 index 00000000..9fca07c3 --- /dev/null +++ b/src/main/webapp/js/web/addr/event.js @@ -0,0 +1,117 @@ + + +$(document).ready(function(){ + + + //타이틀 select 선택 이벤트 + $('[data-group]').on('change', '.field-selector', function() { + + var group = $(this).closest('[data-group]').data('group'); + var selectedFields = []; + var isDuplicate = false; + + + // 타불 객체 가져오기 + var $objTabul = fn_utils_getTabulator(); + + console.log('$objTabul : ', $objTabul); + + if($objTabul.getData().length < 1){ + alert('데이터 입력 후 선택해 주세요.'); + $(this).val(""); + return false; + } + + // 중복체크 + $('[data-group="' + group + '"] .field-selector').each(function() { + var selectedField = $(this).val(); + if (selectedField) { + if (selectedFields.includes(selectedField)) { + alert("중복된 필드를 선택할 수 없습니다."); + $(this).val(""); // 중복 필드를 선택한 경우 빈 값으로 초기화 + isDuplicate = true; + return false; // 반복문 종료 + } + selectedFields.push(selectedField); + } + }); + + + // + updateTableFields($objTabul, group); + + // 필드가 휴대폰이면 열 중복체크 + if($(this).val() == 'phone'){ + fn_phoneDupl($objTabul); + } + }); + + + function fn_phoneDupl($objTabul){ + + var phoneFields = $objTabul.getData().map(row => row.phone); + + if(phoneFields.length < 1){ return false; } + + 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("중복된 휴대폰 번호가 있습니다: \n" + duplicatePhones.join(", ")); + } else { +// alert("중복된 phone 필드 값이 없습니다."); + } + } + + /* + * 타이틀 select 선택할때마다 실행해서 + * 데이터테이블 필드값 수정 + */ + function updateTableFields($objTabul, group) { + var currentData = $objTabul.getData(); + var columns = [ + {formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) { + cell.getRow().toggleSelect(); + }} + ]; + + var fieldMapping = []; + $('[data-group="' + group + '"] .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; + }); + + $objTabul.setColumns(columns); + $objTabul.setData(updatedData); + + + } + + + +}); \ No newline at end of file diff --git a/src/main/webapp/js/web/addr/init.js b/src/main/webapp/js/web/addr/init.js new file mode 100644 index 00000000..08400b58 --- /dev/null +++ b/src/main/webapp/js/web/addr/init.js @@ -0,0 +1,120 @@ + + +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 = []; //메모 + + +var $tableExcel = null; //엑셀입력 탭 +var $tableClip = null; //붙여넣기 탭 +var $tableSelf = null; //붙여넣기 탭 + +$(document).ready(function(){ + + //Tabulator AJAX Data Loading + $tableExcel = new Tabulator("#tabulator_excel", { + height:"255px", + width:"100%", + layout:"fitColumns", + autoColumns:false, + headerHozAlign:"center", + validationMode:"highlight", + clipboard:false, + clipboardCopySelector:"table", + clipboardPasteAction:"insert", // insert, update, replace + placeholder:"Excel 파일을 업로드 해주세요.", //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:"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"]} + ], + validationFailed:function(cell, value, parameters){ // 유효성 체크 함수 + var valid = cell.isValid(); + if(!valid){ + alert("양식에 맞지 않는 정보가 입력되었습니다."); + + //해당 셀 데이터 삭제 + cell.setValue(""); + } + return value % parameters.phone; + }, + }); + + + + + + $tableClip = new Tabulator("#tabulator_clip", { + height:"255px", + width:"100%", + layout:"fitColumns", + editor:true, + headerHozAlign:"center", + validationMode:"highlight", + placeholder:"복사(Ctrl+C)한 내용을 여기에 붙여넣기(Ctrl+V) 해주세요.", //fit columns to width of table (optional) + clipboard:true, // 클립보드 기능 활성화 + clipboardPasteAction:"insert", // insert, update, replace + clipboardPasteParser: function(clipboard) { + + // clipboard 기능 + var rows = clipboard.split('\n').map(row => row.split(/[\t,]+/).map(cell => cell.trim())); + console.log('rows : ', rows); + var tableData = rows.map(row => { + return { + A: row[0] || "", + B: row[1] || "", + C: row[2] || "", + D: row[3] || "", + E: row[4] || "", + F: row[5] || "", + G: row[6] || "" + }; + }); + return tableData; + }, + columns: [ + {formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) { + cell.getRow().toggleSelect(); + }}, + {title:"A", field:"A", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}, + {title:"B", field:"B", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}, + {title:"C", field:"C", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}, + {title:"D", field:"D", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}, + {title:"E", field:"E", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}, + {title:"F", field:"F", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}, + {title:"G", field:"G", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]} + ], + validationFailed:function(cell, value, parameters){ // 유효성 체크 함수 + var valid = cell.isValid(); + if(!valid){ + alert("양식에 맞지 않는 정보가 입력되었습니다."); + + //해당 셀 데이터 삭제 + cell.setValue(""); + } + return value % parameters.phone; + }, + }); + + + + + +}); \ No newline at end of file diff --git a/src/main/webapp/js/web/addr/utils.js b/src/main/webapp/js/web/addr/utils.js new file mode 100644 index 00000000..a15a2c36 --- /dev/null +++ b/src/main/webapp/js/web/addr/utils.js @@ -0,0 +1,24 @@ + + +$(document).ready(function(){ + + + +}); + +/* + * @discription 타블레이터 객체 가져오기 + * */ +function fn_utils_getTabulator(){ + + var activeTab = $('#tbTabl .tab.active'); + // data-tabul 값 가져오기 + var tabulValue = activeTab.data('tabul'); + console.log('tabulValue : ',tabulValue); + + return window['$' + tabulValue]; +} + +function fn_utils_isEmpty(obj){ + return obj == null || obj == ""; +} \ No newline at end of file