--- src/main/java/itn/let/mjo/addr/service/AddrVO.java
+++ src/main/java/itn/let/mjo/addr/service/AddrVO.java
... | ... | @@ -360,6 +360,57 @@ |
| 360 | 360 |
} |
| 361 | 361 |
|
| 362 | 362 |
|
| 363 |
+ |
|
| 364 |
+ private String addrGroupNm; |
|
| 365 |
+ private String addrPhone; |
|
| 366 |
+ private String addrName; |
|
| 367 |
+ private String addrRep1; |
|
| 368 |
+ private String addrRep2; |
|
| 369 |
+ private String addrRep3; |
|
| 370 |
+ private String addrRep4; |
|
| 371 |
+ public String getAddrGroupNm() {
|
|
| 372 |
+ return addrGroupNm; |
|
| 373 |
+ } |
|
| 374 |
+ public void setAddrGroupNm(String addrGroupNm) {
|
|
| 375 |
+ this.addrGroupNm = addrGroupNm; |
|
| 376 |
+ } |
|
| 377 |
+ public String getAddrPhone() {
|
|
| 378 |
+ return addrPhone; |
|
| 379 |
+ } |
|
| 380 |
+ public void setAddrPhone(String addrPhone) {
|
|
| 381 |
+ this.addrPhone = addrPhone; |
|
| 382 |
+ } |
|
| 383 |
+ public String getAddrName() {
|
|
| 384 |
+ return addrName; |
|
| 385 |
+ } |
|
| 386 |
+ public void setAddrName(String addrName) {
|
|
| 387 |
+ this.addrName = addrName; |
|
| 388 |
+ } |
|
| 389 |
+ public String getAddrRep1() {
|
|
| 390 |
+ return addrRep1; |
|
| 391 |
+ } |
|
| 392 |
+ public void setAddrRep1(String addrRep1) {
|
|
| 393 |
+ this.addrRep1 = addrRep1; |
|
| 394 |
+ } |
|
| 395 |
+ public String getAddrRep2() {
|
|
| 396 |
+ return addrRep2; |
|
| 397 |
+ } |
|
| 398 |
+ public void setAddrRep2(String addrRep2) {
|
|
| 399 |
+ this.addrRep2 = addrRep2; |
|
| 400 |
+ } |
|
| 401 |
+ public String getAddrRep3() {
|
|
| 402 |
+ return addrRep3; |
|
| 403 |
+ } |
|
| 404 |
+ public void setAddrRep3(String addrRep3) {
|
|
| 405 |
+ this.addrRep3 = addrRep3; |
|
| 406 |
+ } |
|
| 407 |
+ public String getAddrRep4() {
|
|
| 408 |
+ return addrRep4; |
|
| 409 |
+ } |
|
| 410 |
+ public void setAddrRep4(String addrRep4) {
|
|
| 411 |
+ this.addrRep4 = addrRep4; |
|
| 412 |
+ } |
|
| 363 | 413 |
|
| 364 | 414 |
|
| 415 |
+ |
|
| 365 | 416 |
} |
--- src/main/java/itn/let/mjo/msgdata/service/MjonMsgDataService.java
+++ src/main/java/itn/let/mjo/msgdata/service/MjonMsgDataService.java
... | ... | @@ -172,5 +172,7 @@ |
| 172 | 172 |
|
| 173 | 173 |
//대용량 문자 전송시 사용자 마지막 PK 값 조회하기 |
| 174 | 174 |
public String selectMsgUserLastIdgen(MjonMsgVO mjonMsgVO) throws Exception; |
| 175 |
+ |
|
| 176 |
+ public List<AddrVO> selectMsgAddrListAjax_advc(AddrVO addrVO) throws Exception; |
|
| 175 | 177 |
|
| 176 | 178 |
} |
--- src/main/java/itn/let/mjo/msgdata/service/impl/MjonMsgDataDAO.java
+++ src/main/java/itn/let/mjo/msgdata/service/impl/MjonMsgDataDAO.java
... | ... | @@ -350,5 +350,10 @@ |
| 350 | 350 |
public String selectMsgUserLastIdgen(MjonMsgVO mjonMsgVO) throws Exception{
|
| 351 | 351 |
return (String) select("mjonMsgDAO.selectMsgUserLastIdgen", mjonMsgVO);
|
| 352 | 352 |
} |
| 353 |
+ |
|
| 354 |
+ |
|
| 355 |
+ public List<AddrVO> selectMsgAddrListAjax_advc(AddrVO addrVO) {
|
|
| 356 |
+ return (List<AddrVO>) list("mjonMsgDAO.selectMsgAddrListAjax_advc", addrVO);
|
|
| 357 |
+ } |
|
| 353 | 358 |
|
| 354 | 359 |
} |
--- src/main/java/itn/let/mjo/msgdata/service/impl/MjonMsgDataServiceImpl.java
+++ src/main/java/itn/let/mjo/msgdata/service/impl/MjonMsgDataServiceImpl.java
... | ... | @@ -3050,6 +3050,12 @@ |
| 3050 | 3050 |
public String selectMsgUserLastIdgen(MjonMsgVO mjonMsgVO) throws Exception{
|
| 3051 | 3051 |
return mjonMsgDataDAO.selectMsgUserLastIdgen(mjonMsgVO); |
| 3052 | 3052 |
} |
| 3053 |
+ |
|
| 3054 |
+ @Override |
|
| 3055 |
+ public List<AddrVO> selectMsgAddrListAjax_advc(AddrVO addrVO) throws Exception {
|
|
| 3056 |
+ |
|
| 3057 |
+ return mjonMsgDataDAO.selectMsgAddrListAjax_advc(addrVO); |
|
| 3058 |
+ } |
|
| 3053 | 3059 |
|
| 3054 | 3060 |
|
| 3055 | 3061 |
} |
--- src/main/java/itn/let/mjo/msgdata/web/MjonMsgDataController.java
+++ src/main/java/itn/let/mjo/msgdata/web/MjonMsgDataController.java
... | ... | @@ -1756,8 +1756,18 @@ |
| 1756 | 1756 |
return modelAndView; |
| 1757 | 1757 |
|
| 1758 | 1758 |
} |
| 1759 |
- |
|
| 1760 |
- List<AddrVO> resultAddrList = mjonMsgDataService.selectMsgAddrListAjax(addrVO); |
|
| 1759 |
+ |
|
| 1760 |
+ long startTime = System.currentTimeMillis(); // 시작 시간 측정 |
|
| 1761 |
+ |
|
| 1762 |
+// List<AddrVO> resultAddrList = mjonMsgDataService.selectMsgAddrListAjax(addrVO); |
|
| 1763 |
+ List<AddrVO> resultAddrList = mjonMsgDataService.selectMsgAddrListAjax_advc(addrVO); |
|
| 1764 |
+ |
|
| 1765 |
+ long endTime = System.currentTimeMillis(); // 종료 시간 측정 |
|
| 1766 |
+ |
|
| 1767 |
+ long elapsedTime = endTime - startTime; // 소요 시간 계산 |
|
| 1768 |
+ System.out.println("소요 시간: " + elapsedTime + " 밀리초");
|
|
| 1769 |
+ |
|
| 1770 |
+ |
|
| 1761 | 1771 |
|
| 1762 | 1772 |
modelAndView.addObject("resultAddrList", resultAddrList);
|
| 1763 | 1773 |
modelAndView.addObject("result", "success");
|
--- src/main/resources/egovframework/sqlmap/let/msg/MjonMsgData_SQL_mysql.xml
+++ src/main/resources/egovframework/sqlmap/let/msg/MjonMsgData_SQL_mysql.xml
... | ... | @@ -3708,6 +3708,64 @@ |
| 3708 | 3708 |
|
| 3709 | 3709 |
</select> |
| 3710 | 3710 |
|
| 3711 |
+ <!-- 등록 주소록 그룹 선택시 리스트 불러오기 --> |
|
| 3712 |
+ <select id="mjonMsgDAO.selectMsgAddrListAjax_advc" parameterClass="addrVO" resultClass="addrVO"> |
|
| 3713 |
+ |
|
| 3714 |
+ SELECT A.ADDR_ID AS addrId, |
|
| 3715 |
+ A.ADDR_GRP_ID AS addrGrpId, |
|
| 3716 |
+ A.MBER_ID AS mberId, |
|
| 3717 |
+ A.ADDR_NM AS addrName, |
|
| 3718 |
+ A.ADDR_PHONE_NO AS addrPhone, |
|
| 3719 |
+ A.ADDR_INFO1 AS addrRep1, |
|
| 3720 |
+ A.ADDR_INFO2 AS addrRep2, |
|
| 3721 |
+ A.ADDR_INFO3 AS addrRep3, |
|
| 3722 |
+ A.ADDR_INFO4 AS addrRep4, |
|
| 3723 |
+ A.DELETE_YN AS deleteYn, |
|
| 3724 |
+ A.BOOKMARK AS bookmark, |
|
| 3725 |
+ IFNULL(B.ADDR_GRP_NM,'그룹미지정') AS addrGroupNm |
|
| 3726 |
+ FROM MJ_ADDR A |
|
| 3727 |
+ LEFT OUTER JOIN |
|
| 3728 |
+ MJ_ADDR_GRP B |
|
| 3729 |
+ ON |
|
| 3730 |
+ A.ADDR_GRP_ID = B.ADDR_GRP_ID |
|
| 3731 |
+ WHERE A.MBER_ID = #mberId# |
|
| 3732 |
+ AND (A.RECV_STATUS = 'Y' OR A.RECV_STATUS = 'S' OR A.RECV_STATUS IS NULL) |
|
| 3733 |
+ AND A.DELETE_YN = 'N' |
|
| 3734 |
+ <isNotEmpty property="type"> |
|
| 3735 |
+ <isEqual property="type" compareValue="none"> |
|
| 3736 |
+ AND A.ADDR_GRP_ID = '0' |
|
| 3737 |
+ AND A.BOOKMARK = 'N' |
|
| 3738 |
+ </isEqual> |
|
| 3739 |
+ <isEqual property="type" compareValue="book"> |
|
| 3740 |
+ AND A.BOOKMARK = 'Y' |
|
| 3741 |
+ </isEqual> |
|
| 3742 |
+ <isEqual property="type" compareValue="grp"> |
|
| 3743 |
+ AND A.ADDR_GRP_ID = #searchAddrGrpId# |
|
| 3744 |
+ </isEqual> |
|
| 3745 |
+ </isNotEmpty> |
|
| 3746 |
+ <isNotEmpty property="searchCondition"> |
|
| 3747 |
+ <isEqual property="searchCondition" compareValue="0"> |
|
| 3748 |
+ AND |
|
| 3749 |
+ ( |
|
| 3750 |
+ A.ADDR_NM LIKE CONCAT('%', #searchKeyword#, '%')
|
|
| 3751 |
+ OR A.ADDR_PHONE_NO LIKE CONCAT('%', #searchKeyword#, '%')
|
|
| 3752 |
+ OR B.ADDR_GRP_NM LIKE CONCAT('%', #searchKeyword#, '%')
|
|
| 3753 |
+ ) |
|
| 3754 |
+ </isEqual> |
|
| 3755 |
+ <isEqual property="searchCondition" compareValue="1"> |
|
| 3756 |
+ AND B.ADDR_GRP_NM LIKE CONCAT('%', #searchKeyword#, '%')
|
|
| 3757 |
+ </isEqual> |
|
| 3758 |
+ <isEqual property="searchCondition" compareValue="2"> |
|
| 3759 |
+ AND A.ADDR_NM LIKE CONCAT('%', #searchKeyword#, '%')
|
|
| 3760 |
+ </isEqual> |
|
| 3761 |
+ <isEqual property="searchCondition" compareValue="3"> |
|
| 3762 |
+ AND A.ADDR_PHONE_NO LIKE CONCAT('%', #searchKeyword#, '%')
|
|
| 3763 |
+ </isEqual> |
|
| 3764 |
+ </isNotEmpty> |
|
| 3765 |
+ ORDER BY A.ADDR_NM ASC, A.LAST_UPDT_PNTTM DESC |
|
| 3766 |
+ |
|
| 3767 |
+ </select> |
|
| 3768 |
+ |
|
| 3711 | 3769 |
<select id="MjonMsgDataDAO.selectMsgAddInfoAjax" parameterClass="mjonMsgDataVO" resultClass="mjonMsgDataVO"> |
| 3712 | 3770 |
|
| 3713 | 3771 |
SELECT MSG_ID AS msgId, |
--- src/main/webapp/WEB-INF/jsp/web/addr/AddrList.jsp
+++ src/main/webapp/WEB-INF/jsp/web/addr/AddrList.jsp
... | ... | @@ -333,7 +333,6 @@ |
| 333 | 333 |
setSenderList_advc(); |
| 334 | 334 |
} |
| 335 | 335 |
} |
| 336 |
-/* |
|
| 337 | 336 |
function setSenderList_advc(){
|
| 338 | 337 |
|
| 339 | 338 |
// tab에 해당하는 타블레이터 가져오기 |
... | ... | @@ -386,10 +385,9 @@ |
| 386 | 385 |
} |
| 387 | 386 |
}); |
| 388 | 387 |
} |
| 389 |
- */ |
|
| 390 | 388 |
|
| 391 | 389 |
|
| 392 |
- |
|
| 390 |
+ /* |
|
| 393 | 391 |
function setSenderList_advc(){
|
| 394 | 392 |
var $objTabul = fn_utils_getTabulator(); |
| 395 | 393 |
var dataToSend = $objTabul.getData(); |
... | ... | @@ -455,7 +453,7 @@ |
| 455 | 453 |
$('.loading_layer').removeClass('active');
|
| 456 | 454 |
} |
| 457 | 455 |
|
| 458 |
- |
|
| 456 |
+ */ |
|
| 459 | 457 |
|
| 460 | 458 |
//주소록그룹 콤보박스 유지 |
| 461 | 459 |
function setSelectMassSetting(selectMassVal) {
|
... | ... | @@ -631,6 +629,7 @@ |
| 631 | 629 |
getAddrGroupList(); |
| 632 | 630 |
} |
| 633 | 631 |
|
| 632 |
+ |
|
| 634 | 633 |
</script> |
| 635 | 634 |
|
| 636 | 635 |
<div class="loading_layer"> |
... | ... | @@ -657,36 +656,32 @@ |
| 657 | 656 |
<div class="tooltip-wrap" id="addrMassLoad"> |
| 658 | 657 |
<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;"> |
| 659 | 658 |
<div class="popup_heading"> |
| 660 |
- <p>주소록 대량등록</p> |
|
| 661 |
- <button type="button" class="tooltip-close" data-focus="adr_popup01-close" onclick="setAddrMassClose();"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 659 |
+ <p>주소록 대량등록</p> |
|
| 660 |
+ <button type="button" class="tooltip-close" data-focus="adr_popup01-close" onclick="setAddrMassClose();"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
|
| 661 |
+ </div> |
|
| 662 |
+ <div class="layer_in" style="padding: 25px 30px;"> |
|
| 663 |
+ <div class="list_tab_wrap2"> |
|
| 664 |
+ <!-- tab button --> |
|
| 665 |
+ <ul class="list_tab" id="tbTabl"> |
|
| 666 |
+ <li class="tab active" data-tabul="tableExcel"><button type="button" onclick="popupTab(this,'1'); fn_tabToggle('1');">엑셀입력</button></li>
|
|
| 667 |
+ <li class="tab" data-tabul="tableClip"><button type="button" onclick="popupTab(this,'2'); fn_tabToggle('2');">붙여넣기</button></li>
|
|
| 668 |
+ <li class="tab" data-tabul="tableSelf"><button type="button" onclick="popupTab(this,'3'); fn_tabToggle('3');">직접입력</button></li>
|
|
| 669 |
+ </ul><!--// tab button --> |
|
| 662 | 670 |
</div> |
| 663 |
- <div class="layer_in" style="padding: 25px 30px;"> |
|
| 664 |
- <div class="list_tab_wrap2"> |
|
| 665 |
- <!-- tab button --> |
|
| 666 |
- <ul class="list_tab" id="tbTabl"> |
|
| 667 |
- <li class="tab active" data-tabul="tableExcel"><button type="button" onclick="popupTab(this,'1'); fn_tabToggle('1');">엑셀입력</button></li>
|
|
| 668 |
- <li class="tab" data-tabul="tableClip"><button type="button" onclick="popupTab(this,'2'); fn_tabToggle('2');">붙여넣기</button></li>
|
|
| 669 |
- <li class="tab" data-tabul="tableSelf"><button type="button" onclick="popupTab(this,'3'); fn_tabToggle('3');">직접입력</button></li>
|
|
| 670 |
- </ul><!--// tab button --> |
|
| 671 |
- </div> |
|
| 672 |
- |
|
| 673 |
- |
|
| 674 |
- <div id="tab1" class="tab_c tableExcel"> |
|
| 675 |
- <%@include file="/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp" %> |
|
| 676 |
- </div> |
|
| 677 |
- <div id="tab2" class="tab_c tableClip" style="display: none;"> |
|
| 678 |
- <%@include file="/WEB-INF/jsp/web/addr/include/addrListforClipboard.jsp" %> |
|
| 679 |
- </div> |
|
| 680 |
-<!-- <div id="tab3" class="tab_c" style="display: none;"> --> |
|
| 681 |
- <div id="tab3" class="tab_c tableSelf" style="display: none;"> |
|
| 682 |
- <%@include file="/WEB-INF/jsp/web/addr/include/addrListforSelf.jsp" %> |
|
| 683 |
- </div> |
|
| 684 |
- |
|
| 685 |
- <div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;"> |
|
| 686 |
- <button type="button" id="btnAddrMassReg">등록</button> |
|
| 687 |
- <button type="button" id="btnAddrMassClose" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button> |
|
| 688 |
- </div> |
|
| 689 |
- |
|
| 671 |
+ <div id="tab1" class="tab_c tableExcel"> |
|
| 672 |
+ <%@include file="/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp" %> |
|
| 673 |
+ </div> |
|
| 674 |
+ <div id="tab2" class="tab_c tableClip" style="display: none;"> |
|
| 675 |
+ <%@include file="/WEB-INF/jsp/web/addr/include/addrListforClipboard.jsp" %> |
|
| 676 |
+ </div> |
|
| 677 |
+ <div id="tab3" class="tab_c tableSelf" style="display: none;"> |
|
| 678 |
+ <%@include file="/WEB-INF/jsp/web/addr/include/addrListforSelf.jsp" %> |
|
| 679 |
+ </div> |
|
| 680 |
+ <div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;"> |
|
| 681 |
+ <button type="button" id="btnAddrMassReg">등록</button> |
|
| 682 |
+ <button type="button" id="btnAddrMassClose" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button> |
|
| 683 |
+ </div> |
|
| 684 |
+ |
|
| 690 | 685 |
</div> |
| 691 | 686 |
</div> |
| 692 | 687 |
</div> |
--- src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp
+++ src/main/webapp/WEB-INF/jsp/web/addr/include/addrListforExcel.jsp
... | ... | @@ -364,37 +364,33 @@ |
| 364 | 364 |
//파일 드래그앤드롭 종료 |
| 365 | 365 |
|
| 366 | 366 |
function excelFileChange(file) {
|
| 367 |
- if (file) {
|
|
| 368 |
- fn_loadAddActive(); |
|
| 369 |
- var reader = new FileReader(); |
|
| 370 |
- var extension = file.name.split('.').pop().toLowerCase();
|
|
| 371 |
- reader.onload = function(e) {
|
|
| 372 |
- setTimeout(() => { // 파일 읽기 완료 후 실행되도록 함
|
|
| 373 |
- if (extension === 'xlsx') {
|
|
| 374 |
- var data = new Uint8Array(e.target.result); |
|
| 375 |
- var workbook = XLSX.read(data, {type: 'array'});
|
|
| 376 |
- var firstSheet = workbook.Sheets[workbook.SheetNames[0]]; |
|
| 377 |
- var jsonData = XLSX.utils.sheet_to_json(firstSheet, {header: 1});
|
|
| 378 |
- processExcelData(jsonData); |
|
| 379 |
- } else if (extension === 'txt') {
|
|
| 380 |
- var textData = e.target.result; |
|
| 381 |
- processTextData(textData); |
|
| 382 |
- } else {
|
|
| 383 |
- alert('지원되지 않는 파일 형식입니다.');
|
|
| 384 |
- } |
|
| 385 |
- fn_loadRemoveActive(); |
|
| 386 |
- }, 0); // 지연 없이 즉시 실행되도록 0ms 지연을 설정 |
|
| 387 |
- }; |
|
| 388 |
- |
|
| 389 |
- if (extension === 'xlsx') {
|
|
| 390 |
- reader.readAsArrayBuffer(file); |
|
| 391 |
- } else if (extension === 'txt') {
|
|
| 392 |
- reader.readAsText(file); |
|
| 393 |
- } |
|
| 394 |
- } |
|
| 395 |
- |
|
| 396 |
- // 로딩창 hide |
|
| 397 |
- |
|
| 367 |
+ if (file) {
|
|
| 368 |
+ fn_loadAddActive(); |
|
| 369 |
+ var reader = new FileReader(); |
|
| 370 |
+ var extension = file.name.split('.').pop().toLowerCase();
|
|
| 371 |
+ reader.onload = function(e) {
|
|
| 372 |
+ setTimeout(() => { // 파일 읽기 완료 후 실행되도록 함
|
|
| 373 |
+ if (extension === 'xlsx') {
|
|
| 374 |
+ var data = new Uint8Array(e.target.result); |
|
| 375 |
+ var workbook = XLSX.read(data, {type: 'array'});
|
|
| 376 |
+ var firstSheet = workbook.Sheets[workbook.SheetNames[0]]; |
|
| 377 |
+ var jsonData = XLSX.utils.sheet_to_json(firstSheet, {header: 1});
|
|
| 378 |
+ processExcelData(jsonData); |
|
| 379 |
+ } else if (extension === 'txt') {
|
|
| 380 |
+ var textData = e.target.result; |
|
| 381 |
+ processTextData(textData); |
|
| 382 |
+ } else {
|
|
| 383 |
+ alert('지원되지 않는 파일 형식입니다.');
|
|
| 384 |
+ } |
|
| 385 |
+ fn_loadRemoveActive(); |
|
| 386 |
+ }, 0); // 지연 없이 즉시 실행되도록 0ms 지연을 설정 |
|
| 387 |
+ }; |
|
| 388 |
+ if (extension === 'xlsx') {
|
|
| 389 |
+ reader.readAsArrayBuffer(file); |
|
| 390 |
+ } else if (extension === 'txt') {
|
|
| 391 |
+ reader.readAsText(file); |
|
| 392 |
+ } |
|
| 393 |
+ } |
|
| 398 | 394 |
} |
| 399 | 395 |
|
| 400 | 396 |
// 엑셀 데이터 처리 함수 |
... | ... | @@ -415,7 +411,7 @@ |
| 415 | 411 |
}); |
| 416 | 412 |
|
| 417 | 413 |
updateTable(tableData); |
| 418 |
-} |
|
| 414 |
+} |
|
| 419 | 415 |
|
| 420 | 416 |
|
| 421 | 417 |
// 텍스트 데이터 처리 함수 |
... | ... | @@ -438,25 +434,26 @@ |
| 438 | 434 |
|
| 439 | 435 |
//공통 테이블 업데이트 함수 |
| 440 | 436 |
function updateTable(tableData) {
|
| 441 |
- $tableExcel.setColumns([ // 열 정의를 다시 설정 |
|
| 442 |
- {formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
|
|
| 443 |
- cell.getRow().toggleSelect(); |
|
| 444 |
- }}, |
|
| 445 |
- {title: "A", field: "A", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]},
|
|
| 446 |
- {title: "B", field: "B", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]},
|
|
| 447 |
- {title: "C", field: "C", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]},
|
|
| 448 |
- {title: "D", field: "D", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]},
|
|
| 449 |
- {title: "E", field: "E", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]},
|
|
| 450 |
- {title: "F", field: "F", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]},
|
|
| 451 |
- {title: "G", field: "G", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]}
|
|
| 452 |
- ]); |
|
| 437 |
+ $tableExcel.setColumns([ // 열 정의를 다시 설정 |
|
| 438 |
+ {formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
|
|
| 439 |
+ cell.getRow().toggleSelect(); |
|
| 440 |
+ }}, |
|
| 441 |
+ {formatter:"rownum", align:"center", title:"No", hozAlign:"center", headerHozAlign:"center", width:40},
|
|
| 442 |
+ {title: "A", field: "A", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]},
|
|
| 443 |
+ {title: "B", field: "B", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]},
|
|
| 444 |
+ {title: "C", field: "C", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]},
|
|
| 445 |
+ {title: "D", field: "D", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]},
|
|
| 446 |
+ {title: "E", field: "E", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]},
|
|
| 447 |
+ {title: "F", field: "F", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]},
|
|
| 448 |
+ {title: "G", field: "G", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]}
|
|
| 449 |
+ ]); |
|
| 453 | 450 |
|
| 454 |
- $tableExcel.setData(tableData).then(() => {
|
|
| 455 |
- // rowTotCnt 업데이트 |
|
| 456 |
- document.getElementById("rowTotCnt").innerText = tableData.length;
|
|
| 457 |
- }); |
|
| 451 |
+ $tableExcel.setData(tableData).then(() => {
|
|
| 452 |
+ // rowTotCnt 업데이트 |
|
| 453 |
+ document.getElementById("rowTotCnt").innerText = tableData.length;
|
|
| 454 |
+ }); |
|
| 458 | 455 |
|
| 459 |
- fn_loadRemoveActive(); |
|
| 456 |
+ fn_loadRemoveActive(); |
|
| 460 | 457 |
} |
| 461 | 458 |
|
| 462 | 459 |
|
... | ... | @@ -618,7 +615,7 @@ |
| 618 | 615 |
<div class="adr_excel" style="margin-top: 13px;"> |
| 619 | 616 |
<!-- thead --> |
| 620 | 617 |
<div class="adr_hd select_adr_hd" data-group="tableExcel"> |
| 621 |
- <div></div> |
|
| 618 |
+ <div style="width: 80px;"></div> |
|
| 622 | 619 |
<div style="width: 125px;"> |
| 623 | 620 |
<label for="" class="label"></label> |
| 624 | 621 |
<select class="field-selector"> |
--- src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp
+++ src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp
... | ... | @@ -28,6 +28,79 @@ |
| 28 | 28 |
} |
| 29 | 29 |
|
| 30 | 30 |
//주소록 불러오기에서 수신자 리스트 tabulator에 데이터 추가해주기 |
| 31 |
+function addPhoneInfo_advc(tableAddr){
|
|
| 32 |
+ |
|
| 33 |
+ |
|
| 34 |
+ var addrData = tableAddr.getData().map((row, index) => ({
|
|
| 35 |
+ no: index+1, |
|
| 36 |
+ name: row.addrName, |
|
| 37 |
+ phone: removeDash(row.addrPhone), |
|
| 38 |
+ rep1: row.addrRep1, |
|
| 39 |
+ rep2: row.addrRep2, |
|
| 40 |
+ rep3: row.addrRep3, |
|
| 41 |
+ rep4: row.addrRep4, |
|
| 42 |
+ })); |
|
| 43 |
+ |
|
| 44 |
+ tableL.setData(addrData); |
|
| 45 |
+ |
|
| 46 |
+ /* |
|
| 47 |
+ var idx = 0; |
|
| 48 |
+ var newData = data;//중복 연락처는 하나만 남기고 모두 제거 |
|
| 49 |
+ |
|
| 50 |
+ var recTableData = tableL.getRows(); // 받는사람 리스트의 전체 목록을 저장 |
|
| 51 |
+ var tableData = []; |
|
| 52 |
+ |
|
| 53 |
+ //기존 받는사람 리스트를 배열에 미리 담아둔다. |
|
| 54 |
+ if(recTableData.length > 0){
|
|
| 55 |
+ |
|
| 56 |
+ for(var j=0; j < recTableData.length; j++){
|
|
| 57 |
+ |
|
| 58 |
+ tableData.push({phone: removeDash(recTableData[j].getData().phone) , name: recTableData[j].getData().name, rep1: recTableData[j].getData().rep1, rep2: recTableData[j].getData().rep2, rep3: recTableData[j].getData().rep3, rep4: recTableData[j].getData().rep4});
|
|
| 59 |
+ |
|
| 60 |
+ } |
|
| 61 |
+ |
|
| 62 |
+ } |
|
| 63 |
+ |
|
| 64 |
+ //받는사람 리스트를 담아둔 배열에 신규 추가 데이터를 추가해 준다. |
|
| 65 |
+ for(var i=0; i < newData.length; i++){
|
|
| 66 |
+ |
|
| 67 |
+ tableData.push({phone: removeDash(newData[i].phone) , name: newData[i].name, rep1: newData[i].rep1, rep2: newData[i].rep2, rep3: newData[i].rep3, rep4: newData[i].rep4});
|
|
| 68 |
+ |
|
| 69 |
+ } |
|
| 70 |
+ |
|
| 71 |
+// var temp = tableData.length; |
|
| 72 |
+ |
|
| 73 |
+ //기존 수신 리스트를 지워준 후 신규 전체 리스트를 추가해준다. |
|
| 74 |
+ tableL.clearData(); //기존 받는사람 목록을 삭제. |
|
| 75 |
+ //tableL.addData(dupliPhoneData(tableData)); // 받는사람 목록에 주소 정보 입력하기 |
|
| 76 |
+ tableL.addData(getSpupDupliPhoneDataChk(tableData)); // 받는사람 목록에 주소 정보 입력하기 |
|
| 77 |
+ |
|
| 78 |
+ _fileForm2 = []; //form file data 초기화 |
|
| 79 |
+ _fileIdx = 0; //form file idx 초기화 |
|
| 80 |
+ |
|
| 81 |
+ |
|
| 82 |
+ //일괄변환 문구 결제금액 처리 |
|
| 83 |
+ */ |
|
| 84 |
+ totRows = tableL.getRows().length; |
|
| 85 |
+ updateTotCnt(totRows); //전체 데이터 갯수 구하기 |
|
| 86 |
+ var smsTxtArea = $('#smsTxtArea').val();
|
|
| 87 |
+ if(smsTxtArea.indexOf("[*이름*]") > -1
|
|
| 88 |
+ || smsTxtArea.indexOf("[*1*]") > -1
|
|
| 89 |
+ || smsTxtArea.indexOf("[*2*]") > -1
|
|
| 90 |
+ || smsTxtArea.indexOf("[*3*]") > -1
|
|
| 91 |
+ || smsTxtArea.indexOf("[*4*]") > -1){
|
|
| 92 |
+ |
|
| 93 |
+ fnReplCell(); |
|
| 94 |
+ |
|
| 95 |
+ }else{
|
|
| 96 |
+ |
|
| 97 |
+ //결제 금액 구하기 |
|
| 98 |
+ totalPriceSum(totRows); |
|
| 99 |
+ |
|
| 100 |
+ } |
|
| 101 |
+ |
|
| 102 |
+ |
|
| 103 |
+} |
|
| 31 | 104 |
function addPhoneInfo(data){
|
| 32 | 105 |
|
| 33 | 106 |
if(data == null){
|
... | ... | @@ -61,7 +134,7 @@ |
| 61 | 134 |
|
| 62 | 135 |
} |
| 63 | 136 |
|
| 64 |
- var temp = tableData.length; |
|
| 137 |
+// var temp = tableData.length; |
|
| 65 | 138 |
|
| 66 | 139 |
//기존 수신 리스트를 지워준 후 신규 전체 리스트를 추가해준다. |
| 67 | 140 |
tableL.clearData(); //기존 받는사람 목록을 삭제. |
... | ... | @@ -560,41 +633,32 @@ |
| 560 | 633 |
tableL = new Tabulator(".callList_box", {
|
| 561 | 634 |
height:"255px", |
| 562 | 635 |
layout:"fitColumns", |
| 563 |
- //data:tabledata, |
|
| 564 |
- //autoColumns:true, |
|
| 565 | 636 |
headerHozAlign:"center", |
| 566 | 637 |
validationMode:"highlight", |
| 567 |
- //clipboard:false, |
|
| 568 |
- //clipboardCopySelector:"table", |
|
| 569 |
- //clipboardPasteAction:"insert", // insert, update, replace |
|
| 570 | 638 |
placeholder:"복사(Ctrl+C)한 내용을 여기에 붙여넣기(Ctrl+V) 해주세요.", //fit columns to width of table (optional) |
| 571 | 639 |
resizableColumns:false, |
| 572 | 640 |
columns:[ //Define Table Columns |
| 573 |
- {formatter:"rowSelection", titleFormatter:"rowSelection",clipboard:false, hozAlign:"center", headerSort:false, cellClick:function(e, cell){
|
|
| 641 |
+ {formatter:"rowSelection", headerHozAlign:"center", titleFormatter:"rowSelection",clipboard:false, hozAlign:"center", width:5, headerSort:false, cellClick:function(e, cell){
|
|
| 574 | 642 |
cell.getRow().toggleSelect(); |
| 575 | 643 |
}}, |
| 576 |
- {title:"이름", hozAlign:"center", field:"name", editor:"input", validator:["maxLength:12"], cellEdited:function(cell){
|
|
| 577 |
- //cell - cell component |
|
| 644 |
+// {formatter:"rownum", align:"center", title:"No", hozAlign:"center", headerHozAlign:"center", field:"No", width:30},
|
|
| 645 |
+ {formatter:"rownum", align:"center" ,title:"No", hozAlign:"center", headerHozAlign:"center", width:40},
|
|
| 646 |
+ {title:"이름", hozAlign:"center", headerHozAlign:"center", field:"name", editor:"input", validator:["maxLength:12"], cellEdited:function(cell){
|
|
| 578 | 647 |
fnReplCell(); |
| 579 | 648 |
}}, |
| 580 |
- {title:"휴대폰", hozAlign:"center", field:"phone", editor:"input", width:100, validator:["required","minLength:10", "maxLength:12"], cellEdited:function(cell){
|
|
| 581 |
- //cell - cell component |
|
| 649 |
+ {title:"휴대폰", hozAlign:"center", headerHozAlign:"center", field:"phone", editor:"input", width:100, validator:["required","minLength:10", "maxLength:12"], cellEdited:function(cell){
|
|
| 582 | 650 |
fnDuplPhone(); |
| 583 | 651 |
}}, |
| 584 |
- {title:"[*1*]", hozAlign:"center", field:"rep1", editor:"input", minWidth:60, validator:["maxLength:40"], cellEdited:function(cell){
|
|
| 585 |
- //cell - cell component |
|
| 652 |
+ {title:"[*1*]", hozAlign:"center", headerHozAlign:"center", field:"rep1", editor:"input", minWidth:60, validator:["maxLength:40"], cellEdited:function(cell){
|
|
| 586 | 653 |
fnReplCell(); |
| 587 | 654 |
}}, |
| 588 |
- {title:"[*2*]", hozAlign:"center", field:"rep2", editor:"input", minWidth:60, validator:["maxLength:40"], cellEdited:function(cell){
|
|
| 589 |
- //cell - cell component |
|
| 655 |
+ {title:"[*2*]", hozAlign:"center", headerHozAlign:"center", field:"rep2", editor:"input", minWidth:60, validator:["maxLength:40"], cellEdited:function(cell){
|
|
| 590 | 656 |
fnReplCell(); |
| 591 | 657 |
}}, |
| 592 |
- {title:"[*3*]", hozAlign:"center", field:"rep3", editor:"input", minWidth:60, validator:["maxLength:40"], cellEdited:function(cell){
|
|
| 593 |
- //cell - cell component |
|
| 658 |
+ {title:"[*3*]", hozAlign:"center", headerHozAlign:"center", field:"rep3", editor:"input", minWidth:60, validator:["maxLength:40"], cellEdited:function(cell){
|
|
| 594 | 659 |
fnReplCell(); |
| 595 | 660 |
}}, |
| 596 |
- {title:"[*4*]", hozAlign:"center", field:"rep4", editor:"input", minWidth:60, validator:["maxLength:40"], cellEdited:function(cell){
|
|
| 597 |
- //cell - cell component |
|
| 661 |
+ {title:"[*4*]", hozAlign:"center", headerHozAlign:"center", field:"rep4", editor:"input", minWidth:60, validator:["maxLength:40"], cellEdited:function(cell){
|
|
| 598 | 662 |
fnReplCell(); |
| 599 | 663 |
}}, |
| 600 | 664 |
|
... | ... | @@ -1010,14 +1074,11 @@ |
| 1010 | 1074 |
|
| 1011 | 1075 |
if(confirm("선택하신 받는 사람을 삭제하시겠습니까?")){
|
| 1012 | 1076 |
|
| 1013 |
- for(var i=0; i < selectedData.length; i++){
|
|
| 1014 |
- |
|
| 1015 |
- selectedData[i].delete(); |
|
| 1016 |
- |
|
| 1017 |
- } |
|
| 1018 |
- |
|
| 1019 |
- totRows = tableL.getRows().length; |
|
| 1077 |
+ // 선택 데이터 삭제 |
|
| 1078 |
+ selectedData.forEach(row => row.delete()); |
|
| 1020 | 1079 |
|
| 1080 |
+ |
|
| 1081 |
+ totRows = tableL.getRows().length; |
|
| 1021 | 1082 |
updateTotCnt(totRows); |
| 1022 | 1083 |
|
| 1023 | 1084 |
var smsTxtArea = $('#smsTxtArea').val();
|
... | ... | @@ -2696,6 +2757,7 @@ |
| 2696 | 2757 |
async: true, |
| 2697 | 2758 |
cache: false, |
| 2698 | 2759 |
success: function (returnData, status) {
|
| 2760 |
+ console.log('returnData : ', returnData);
|
|
| 2699 | 2761 |
if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
|
| 2700 | 2762 |
|
| 2701 | 2763 |
if(returnData.result == "success"){
|
... | ... | @@ -2711,14 +2773,33 @@ |
| 2711 | 2773 |
} |
| 2712 | 2774 |
|
| 2713 | 2775 |
//받는사람 리스트를 담아둔 배열에 신규 추가 데이터를 추가해 준다. |
| 2714 |
- for(var i=0; i < addrList.length; i++){
|
|
| 2715 |
- |
|
| 2716 |
- tableData.push({addrGroupNm: addrList[i].addrGrpNm, addrPhone: removeDash(addrList[i].addrPhoneNo) , addrName: addrList[i].addrNm, addrRep1: addrList[i].addrInfo1, addrRep2: addrList[i].addrInfo2, addrRep3: addrList[i].addrInfo3, addrRep4: addrList[i].addrInfo4});
|
|
| 2717 |
- |
|
| 2718 |
- } |
|
| 2776 |
+// for(var i=0; i < addrList.length; i++){
|
|
| 2777 |
+// tableData.push({
|
|
| 2778 |
+// addrGroupNm: addrList[i].addrGrpNm |
|
| 2779 |
+// , addrPhone: removeDash(addrList[i].addrPhoneNo) |
|
| 2780 |
+// , addrName: addrList[i].addrNm |
|
| 2781 |
+// , addrRep1: addrList[i].addrInfo1 |
|
| 2782 |
+// , addrRep2: addrList[i].addrInfo2 |
|
| 2783 |
+// , addrRep3: addrList[i].addrInfo3 |
|
| 2784 |
+// , addrRep4: addrList[i].addrInfo4 |
|
| 2785 |
+// }); |
|
| 2786 |
+// } |
|
| 2787 |
+ |
|
| 2788 |
+// addrList.forEach(function(addr){
|
|
| 2789 |
+// tableData.push({
|
|
| 2790 |
+// addrGroupNm: addr.addrGrpNm, |
|
| 2791 |
+// addrPhone: removeDash(addr.addrPhoneNo), |
|
| 2792 |
+// addrName: addr.addrNm, |
|
| 2793 |
+// addrRep1: addr.addrInfo1, |
|
| 2794 |
+// addrRep2: addr.addrInfo2, |
|
| 2795 |
+// addrRep3: addr.addrInfo3, |
|
| 2796 |
+// addrRep4: addr.addrInfo4 |
|
| 2797 |
+// }); |
|
| 2798 |
+// }); |
|
| 2719 | 2799 |
|
| 2720 | 2800 |
//우측 주소록 리스트 Tabulator에 입력해주기 |
| 2721 |
- tableAddr.setData(tableData); |
|
| 2801 |
+// tableAddr.setData(tableData); |
|
| 2802 |
+ tableAddr.setData(addrList); |
|
| 2722 | 2803 |
|
| 2723 | 2804 |
}else{
|
| 2724 | 2805 |
|
... | ... | @@ -2774,6 +2855,31 @@ |
| 2774 | 2855 |
|
| 2775 | 2856 |
//선택한 데이터 받는사람 리스트에 추가해 주기 |
| 2776 | 2857 |
addPhoneInfo(tableData); |
| 2858 |
+ $(".closeAddr").trigger("click");
|
|
| 2859 |
+ |
|
| 2860 |
+ //주소록 레이어 팝업의 Tabulator 데이터 지워주기 |
|
| 2861 |
+ tableAddr.clearData(); |
|
| 2862 |
+ |
|
| 2863 |
+ } |
|
| 2864 |
+ |
|
| 2865 |
+} |
|
| 2866 |
+ |
|
| 2867 |
+//주소록 불러오기에서 수신자 리스트 추가해 주기 |
|
| 2868 |
+function addrToList_advc(){
|
|
| 2869 |
+ console.log('tableAddr :: ', tableAddr);
|
|
| 2870 |
+// var selectedData = tableAddr.getSelectedRows(); |
|
| 2871 |
+ var tableSize = tableAddr.getDataCount(); |
|
| 2872 |
+ var tableData = []; |
|
| 2873 |
+ |
|
| 2874 |
+ if(tableSize < 1){
|
|
| 2875 |
+ |
|
| 2876 |
+ alert("주소록을 선택해 주세요.");
|
|
| 2877 |
+ return false; |
|
| 2878 |
+ |
|
| 2879 |
+ }else{ // 선택한 Row 데이터 저장해주기
|
|
| 2880 |
+ |
|
| 2881 |
+ //선택한 데이터 받는사람 리스트에 추가해 주기 |
|
| 2882 |
+ addPhoneInfo_advc(tableAddr); |
|
| 2777 | 2883 |
$(".closeAddr").trigger("click");
|
| 2778 | 2884 |
|
| 2779 | 2885 |
//주소록 레이어 팝업의 Tabulator 데이터 지워주기 |
... | ... | @@ -3345,13 +3451,15 @@ |
| 3345 | 3451 |
<!-- 엑셀 불러오기 --> |
| 3346 | 3452 |
<form id="excelForm" name="excelForm" method="post"> |
| 3347 | 3453 |
<div class="tooltip-wrap"> |
| 3348 |
- <div class="popup-com import_layer popup02" tabindex="0" data-tooltip-con="popup02" data-focus="popup02" data-focus-prev="popup02-close"> |
|
| 3349 |
- <div class="popup_heading"> |
|
| 3454 |
+<!-- <div class="popup-com import_layer popup02" tabindex="0" data-tooltip-con="popup02" data-focus="popup02" data-focus-prev="popup02-close"> --> |
|
| 3455 |
+ <div class="popup-com adr_layer popup02" tabindex="0" data-tooltip-con="popup02" data-focus="popup02" data-focus-prev="popup02-close" style="width: 1000px;"> |
|
| 3456 |
+ <%@include file="/WEB-INF/jsp/web/msgdata/include/msgDataIncludeExcel.jsp" %> |
|
| 3457 |
+ <!-- <div class="popup_heading"> |
|
| 3350 | 3458 |
<p><span>엑셀</span> 불러오기</p> |
| 3351 | 3459 |
<button type="button" class="tooltip-close" data-focus="popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> |
| 3352 | 3460 |
</div> |
| 3353 | 3461 |
<div class="layer_in"> |
| 3354 |
- <!-- 엑셀파일 불러오기 --> |
|
| 3462 |
+ 엑셀파일 불러오기 |
|
| 3355 | 3463 |
<div class="hascont"> |
| 3356 | 3464 |
<div class="titBox"> |
| 3357 | 3465 |
<p>- 최대 2만 건까지 등록할 수 있습니다.</p> |
... | ... | @@ -3359,7 +3467,7 @@ |
| 3359 | 3467 |
<p>- 이름 : 20byte, [*1*]~[*4*] : 40byte까지 입력 가능합니다.</p> |
| 3360 | 3468 |
<p>- 휴대폰 항목은 숫자, 하이픈(-)만 인식하며, 번호 앞에 0이 생략되어도 정상 등록됩니다. |
| 3361 | 3469 |
</p> |
| 3362 |
- <!-- <button type="button" class="excel_btn" onclick="location.href='/cmm/fms/FileDown.do?atchFileId=FILE_000000000011651&fileSn=1'"><i></i>샘플파일 다운로드</button> --> |
|
| 3470 |
+ <button type="button" class="excel_btn" onclick="location.href='/cmm/fms/FileDown.do?atchFileId=FILE_000000000011651&fileSn=1'"><i></i>샘플파일 다운로드</button> |
|
| 3363 | 3471 |
<button type="button" class="excel_btn" onclick="location.href='/download/msg/엑셀주소록_등록양식.xlsx'"><i class="downroad"></i>샘플파일 다운로드</button> |
| 3364 | 3472 |
</div> |
| 3365 | 3473 |
<div class="attachedFile"> |
... | ... | @@ -3369,12 +3477,17 @@ |
| 3369 | 3477 |
<button type="button" class="btnType btnType6 c3">찾아보기</button> |
| 3370 | 3478 |
<p><span class="vMiddle">*</span> 첨부된 파일은 <span class="c_e40000">[추가]버튼을 클릭</span>하셔야 받는 사람에 등록됩니다.</p> |
| 3371 | 3479 |
</div> |
| 3372 |
- </div><!--// 엑셀파일 불러오기 --> |
|
| 3480 |
+ </div>// 엑셀파일 불러오기 |
|
| 3373 | 3481 |
<div class="popup_btn_wrap2"> |
| 3374 | 3482 |
<button type="button" class="tooltip-close" data-focus="popup02-close" data-focus-next="popup02" id="excelAdd">추가</button> |
| 3375 | 3483 |
<button type="button" class="tooltip-close" data-focus="popup02-close" data-focus-next="popup02">닫기</button> |
| 3376 | 3484 |
</div> |
| 3377 | 3485 |
</div> |
| 3486 |
+ |
|
| 3487 |
+ |
|
| 3488 |
+ |
|
| 3489 |
+ --> |
|
| 3490 |
+ |
|
| 3378 | 3491 |
</div> |
| 3379 | 3492 |
</div><!--// 엑셀 불러오기 --> |
| 3380 | 3493 |
</form> |
... | ... | @@ -3470,7 +3583,8 @@ |
| 3470 | 3583 |
<!--// table --> |
| 3471 | 3584 |
</div> |
| 3472 | 3585 |
<div class="popup_btn_wrap2"> |
| 3473 |
- <button type="button" onClick="javascript:addrToList(); return false;">추가</button> |
|
| 3586 |
+<!-- <button type="button" onClick="javascript:addrToList(); return false;">추가</button> --> |
|
| 3587 |
+ <button type="button" onClick="javascript:addrToList_advc(); return false;">추가</button> |
|
| 3474 | 3588 |
<button type="button" onClick="javascript:addrClose(); return false;">닫기</button> |
| 3475 | 3589 |
</div> |
| 3476 | 3590 |
<%-- 주소록 레이어 팝업 닫기 실행 코드 --%> |
... | ... | @@ -3862,10 +3976,11 @@ |
| 3862 | 3976 |
<label for="callTo" class="label">받는 번호입력</label> |
| 3863 | 3977 |
<input type="text" id="callTo" name="callTo" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;"> |
| 3864 | 3978 |
<button type="button" class="btnType btnType6 addCallToF">번호추가</button> |
| 3865 |
- <span><span class="vMiddle">*</span> 중복번호는 한번만 발송됩니다.</span> |
|
| 3979 |
+ <span><span class="vMiddle">*</span> 중복번호는 한번만 추가됩니다.</span> |
|
| 3866 | 3980 |
</div> |
| 3867 | 3981 |
<div class="receipt_num_midde"> |
| 3868 |
- <div class="listType list01 callList_box" id="callList_box"> |
|
| 3982 |
+ <div class="listType list01 callList_box"> |
|
| 3983 |
+ <!-- |
|
| 3869 | 3984 |
<div class="list_table list_head"> |
| 3870 | 3985 |
<div class="cb_wrap"> |
| 3871 | 3986 |
<label for="" class="label"></label> |
... | ... | @@ -3881,7 +3996,7 @@ |
| 3881 | 3996 |
<img src="/publish/images/sortUp.png"> |
| 3882 | 3997 |
<img src="/publish/images/sortDown.png"> |
| 3883 | 3998 |
</div> |
| 3884 |
- </div> |
|
| 3999 |
+ </div> --> |
|
| 3885 | 4000 |
</div> |
| 3886 | 4001 |
<div class="put_right"> |
| 3887 | 4002 |
<div class="btn_popup_wrap spc_wrap"> |
+++ src/main/webapp/WEB-INF/jsp/web/msgdata/include/msgDataIncludeExcel.jsp
... | ... | @@ -0,0 +1,625 @@ |
| 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 | +$(document).ready(function(){ | |
| 13 | + // 엑셀 중복번호 버튼 | |
| 14 | + $("#tableExcelDupliBtn").hide(); | |
| 15 | + | |
| 16 | + | |
| 17 | + //Tabulator AJAX Data Loading | |
| 18 | + $tableExcel = new Tabulator("#tabulator_excel", { | |
| 19 | + height:"255px", | |
| 20 | + width:"100%", | |
| 21 | + layout:"fitColumns", | |
| 22 | + autoColumns:false, | |
| 23 | + headerHozAlign:"center", | |
| 24 | + validationMode:"highlight", | |
| 25 | + clipboard:false, | |
| 26 | + clipboardCopySelector:"table", | |
| 27 | + clipboardPasteAction:"insert", // insert, update, replace | |
| 28 | + placeholder:"Excel 파일을 업로드 해주세요.", //fit columns to width of table (optional) | |
| 29 | + columns:[ //Define Table Columns | |
| 30 | + {formatter:"rowSelection", titleFormatter:"rowSelection",clipboard:false, hozAlign:"center", headerSort:false, cellClick:function(e, cell){ | |
| 31 | + cell.getRow().toggleSelect(); | |
| 32 | + } | |
| 33 | + }, | |
| 34 | + {formatter:"rownum", align:"center" ,title:"No", hozAlign:"center", headerHozAlign:"center", width:40}, | |
| 35 | + {title:"A", field:"A", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}, | |
| 36 | + {title:"B", field:"B", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}, | |
| 37 | + {title:"C", field:"C", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}, | |
| 38 | + {title:"D", field:"D", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}, | |
| 39 | + {title:"E", field:"E", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}, | |
| 40 | + {title:"F", field:"F", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}, | |
| 41 | + {title:"G", field:"G", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]} | |
| 42 | + ], | |
| 43 | + validationFailed:function(cell, value, parameters){ // 유효성 체크 함수 | |
| 44 | + var valid = cell.isValid(); | |
| 45 | + if(!valid){ | |
| 46 | + alert("양식에 맞지 않는 정보가 입력되었습니다."); | |
| 47 | + | |
| 48 | + //해당 셀 데이터 삭제 | |
| 49 | + cell.setValue(""); | |
| 50 | + } | |
| 51 | + return value % parameters.phone; | |
| 52 | + }, | |
| 53 | + }); | |
| 54 | + | |
| 55 | + $("#excelFile").on("change", function(event) { | |
| 56 | + var fileInfo = event.target.files; | |
| 57 | + if(fileInfo.length > 0){ | |
| 58 | + excelFileChange(fileInfo[0]); | |
| 59 | + } | |
| 60 | + }); | |
| 61 | + | |
| 62 | + | |
| 63 | + | |
| 64 | + //############################################################################################# | |
| 65 | + //파일업로드 드래그앤 드롭 | |
| 66 | + //############################################################################################# | |
| 67 | + var objDragAndDrop = $(".upload_area"); | |
| 68 | + $(document).on("dragenter",".upload_area",function(e){ | |
| 69 | + e.stopPropagation(); | |
| 70 | + e.preventDefault(); | |
| 71 | + //$(this).css('border', '2px solid #0B85A1'); | |
| 72 | + }); | |
| 73 | + $(document).on("dragover",".upload_area",function(e){ | |
| 74 | + e.stopPropagation(); | |
| 75 | + e.preventDefault(); | |
| 76 | + }); | |
| 77 | + $(document).on("drop",".upload_area",function(e){ | |
| 78 | +// fn_loadAddActive(); | |
| 79 | + e.preventDefault(); | |
| 80 | + var files = e.originalEvent.dataTransfer.files; | |
| 81 | + excelFileChange(files[0]); | |
| 82 | + }); | |
| 83 | + | |
| 84 | + $(document).on('dragenter', function (e){ | |
| 85 | + e.stopPropagation(); | |
| 86 | + e.preventDefault(); | |
| 87 | + }); | |
| 88 | + $(document).on('dragover', function (e){ | |
| 89 | + e.stopPropagation(); | |
| 90 | + e.preventDefault(); | |
| 91 | + //objDragAndDrop.css('border', '2px dotted #0B85A1'); | |
| 92 | + }); | |
| 93 | + $(document).on('drop', function (e){ | |
| 94 | + e.stopPropagation(); | |
| 95 | + e.preventDefault(); | |
| 96 | + }); | |
| 97 | + //파일 드래그앤드롭 종료 | |
| 98 | + | |
| 99 | + | |
| 100 | + | |
| 101 | + | |
| 102 | + | |
| 103 | + //타이틀 select 선택 이벤트 | |
| 104 | + $('.field-selector').on('change', function() { | |
| 105 | + fn_loadAddActive(); | |
| 106 | + var selectedFields = []; | |
| 107 | + var isDuplicate = false; | |
| 108 | + | |
| 109 | + if($tableExcel.getData().length < 1){ | |
| 110 | + alert('데이터 입력 후 선택해 주세요.'); | |
| 111 | + $(this).val(""); | |
| 112 | + fn_loadRemoveActive(); | |
| 113 | + return false; | |
| 114 | + } | |
| 115 | + | |
| 116 | + // 중복체크 | |
| 117 | + $('.field-selector').each(function() { | |
| 118 | + var selectedField = $(this).val(); | |
| 119 | + if (selectedField) { | |
| 120 | + if (selectedFields.includes(selectedField)) { | |
| 121 | + alert("중복된 필드를 선택할 수 없습니다."); | |
| 122 | + $(this).val(""); // 중복 필드를 선택한 경우 빈 값으로 초기화 | |
| 123 | + isDuplicate = true; | |
| 124 | + return false; // 반복문 종료 | |
| 125 | + } | |
| 126 | + selectedFields.push(selectedField); | |
| 127 | + } | |
| 128 | + }); | |
| 129 | + | |
| 130 | + | |
| 131 | + // | |
| 132 | + updateTableFields($tableExcel); | |
| 133 | + | |
| 134 | + // 필드가 휴대폰이면 열 중복체크 | |
| 135 | + if($(this).val() == 'addrPhoneNo'){ | |
| 136 | + fn_phoneDupl($tableExcel); | |
| 137 | + } | |
| 138 | + fn_loadRemoveActive(); | |
| 139 | + | |
| 140 | + }); | |
| 141 | + | |
| 142 | + | |
| 143 | + | |
| 144 | + // 받는사람 선택삭제 버튼 처리해주기 | |
| 145 | + $('#in_select_del').click(function(){ | |
| 146 | + | |
| 147 | + if(tableL == null || tableL == ""){ | |
| 148 | + | |
| 149 | + alert("받는사람을 추가해 주세요."); | |
| 150 | + return false; | |
| 151 | + | |
| 152 | + } | |
| 153 | + | |
| 154 | + var selectedData = tableL.getSelectedRows(); | |
| 155 | + | |
| 156 | + if(selectedData == "" || selectedData == null){ | |
| 157 | + | |
| 158 | + alert("삭제할 연락처를 선택해주세요."); | |
| 159 | + return false; | |
| 160 | + | |
| 161 | + }else{ // 선택한 Row 데이터 삭제하기 | |
| 162 | + | |
| 163 | + if(confirm("선택하신 받는 사람을 삭제하시겠습니까?")){ | |
| 164 | + | |
| 165 | + // 선택 데이터 삭제 | |
| 166 | + selectedData.forEach(row => row.delete()); | |
| 167 | + | |
| 168 | + | |
| 169 | + totRows = tableL.getRows().length; | |
| 170 | + updateTotCnt(totRows); | |
| 171 | + | |
| 172 | + var smsTxtArea = $('#smsTxtArea').val(); | |
| 173 | + | |
| 174 | + //일괄변환 문구 결제금액 처리 | |
| 175 | + if(smsTxtArea.indexOf("[*이름*]") > -1 | |
| 176 | + || smsTxtArea.indexOf("[*1*]") > -1 | |
| 177 | + || smsTxtArea.indexOf("[*2*]") > -1 | |
| 178 | + || smsTxtArea.indexOf("[*3*]") > -1 | |
| 179 | + || smsTxtArea.indexOf("[*4*]") > -1){ | |
| 180 | + | |
| 181 | + fnReplCell(); | |
| 182 | + }else{ | |
| 183 | + //결제 금액 구하기 | |
| 184 | + totalPriceSum(totRows); | |
| 185 | + } | |
| 186 | + | |
| 187 | + } | |
| 188 | + | |
| 189 | + } | |
| 190 | + | |
| 191 | + }); | |
| 192 | + | |
| 193 | + | |
| 194 | + | |
| 195 | + | |
| 196 | + | |
| 197 | +}); | |
| 198 | + | |
| 199 | + | |
| 200 | + | |
| 201 | +function excelFileChange(file) { | |
| 202 | + if (file) { | |
| 203 | + fn_loadAddActive(); | |
| 204 | + var reader = new FileReader(); | |
| 205 | + var extension = file.name.split('.').pop().toLowerCase(); | |
| 206 | + reader.onload = function(e) { | |
| 207 | + setTimeout(() => { // 파일 읽기 완료 후 실행되도록 함 | |
| 208 | + if (extension === 'xlsx') { | |
| 209 | + var data = new Uint8Array(e.target.result); | |
| 210 | + var workbook = XLSX.read(data, {type: 'array'}); | |
| 211 | + var firstSheet = workbook.Sheets[workbook.SheetNames[0]]; | |
| 212 | + var jsonData = XLSX.utils.sheet_to_json(firstSheet, {header: 1}); | |
| 213 | + processExcelData(jsonData); | |
| 214 | + } else if (extension === 'txt') { | |
| 215 | + var textData = e.target.result; | |
| 216 | + processTextData(textData); | |
| 217 | + } else { | |
| 218 | + alert('지원되지 않는 파일 형식입니다.'); | |
| 219 | + } | |
| 220 | + fn_loadRemoveActive(); | |
| 221 | + }, 0); // 지연 없이 즉시 실행되도록 0ms 지연을 설정 | |
| 222 | + }; | |
| 223 | + if (extension === 'xlsx') { | |
| 224 | + reader.readAsArrayBuffer(file); | |
| 225 | + } else if (extension === 'txt') { | |
| 226 | + reader.readAsText(file); | |
| 227 | + } | |
| 228 | + } | |
| 229 | +} | |
| 230 | + | |
| 231 | + | |
| 232 | +// 엑셀 데이터 처리 함수 | |
| 233 | +function processExcelData(data) { | |
| 234 | + var keys = ['A', 'B', 'C', 'D', 'E', 'F', 'G']; | |
| 235 | + var tableData = []; | |
| 236 | + var totalRows = data.length - 2; // 전체 데이터 수 (1, 2행 제외) | |
| 237 | + | |
| 238 | + | |
| 239 | + // 3번째 행부터 입력 | |
| 240 | + data.slice(2).forEach((row, index) => { | |
| 241 | + var rowData = {}; | |
| 242 | + keys.forEach((key, idx) => { // index 변수명 변경 (내부와 외부에서 사용되므로 충돌 방지) | |
| 243 | + rowData[key] = row[idx] ? row[idx].trim() : ""; // 각 컬럼에 대해 기본값을 설정 | |
| 244 | + }); | |
| 245 | + tableData.push(rowData); | |
| 246 | + | |
| 247 | + }); | |
| 248 | + | |
| 249 | + updateTable(tableData); | |
| 250 | +} | |
| 251 | + | |
| 252 | + | |
| 253 | +// 텍스트 데이터 처리 함수 | |
| 254 | +function processTextData(text) { | |
| 255 | + var lines = text.split('\n'); // 각 줄을 배열로 분리 | |
| 256 | + var keys = ['A', 'B', 'C', 'D', 'E', 'F', 'G']; | |
| 257 | + var tableData = []; | |
| 258 | + | |
| 259 | + lines.forEach(line => { | |
| 260 | + var rowData = {}; | |
| 261 | + var row = line.split(','); // 쉼표로 분리 | |
| 262 | + keys.forEach((key, index) => { | |
| 263 | + rowData[key] = row[index] ? row[index].trim() : ""; // 각 컬럼에 대해 기본값을 설정 | |
| 264 | + }); | |
| 265 | + tableData.push(rowData); | |
| 266 | + }); | |
| 267 | + | |
| 268 | + updateTable(tableData); | |
| 269 | +} | |
| 270 | + | |
| 271 | +//공통 테이블 업데이트 함수 | |
| 272 | +function updateTable(tableData) { | |
| 273 | + $tableExcel.setColumns([ // 열 정의를 다시 설정 | |
| 274 | + {formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) { | |
| 275 | + cell.getRow().toggleSelect(); | |
| 276 | + }}, | |
| 277 | + {formatter:"rownum", align:"center" ,title:"No", hozAlign:"center", headerHozAlign:"center", width:40}, | |
| 278 | + {title: "A", field: "A", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]}, | |
| 279 | + {title: "B", field: "B", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]}, | |
| 280 | + {title: "C", field: "C", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]}, | |
| 281 | + {title: "D", field: "D", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]}, | |
| 282 | + {title: "E", field: "E", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]}, | |
| 283 | + {title: "F", field: "F", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]}, | |
| 284 | + {title: "G", field: "G", hozAlign: "center", headerHozAlign: "center", width: 125, validator: ["maxLength:100", "string"]} | |
| 285 | + ]); | |
| 286 | + | |
| 287 | + $tableExcel.setData(tableData).then(() => { | |
| 288 | + // rowTotCnt 업데이트 | |
| 289 | + document.getElementById("rowTotCnt").innerText = tableData.length; | |
| 290 | + }); | |
| 291 | + | |
| 292 | + fn_loadRemoveActive(); | |
| 293 | +} | |
| 294 | + | |
| 295 | + | |
| 296 | + | |
| 297 | +/* | |
| 298 | +* 타이틀 select 선택할때마다 실행해서 | |
| 299 | +* 데이터테이블 필드값 수정 | |
| 300 | +*/ | |
| 301 | +function updateTableFields($objTabul) { | |
| 302 | + var currentData = $objTabul.getData(); | |
| 303 | + var columns = [ | |
| 304 | + {formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) { | |
| 305 | + cell.getRow().toggleSelect(); | |
| 306 | + }} | |
| 307 | + ,{formatter:"rownum", align:"center", title:"No", hozAlign:"center", headerHozAlign:"center", width:40} | |
| 308 | + ]; | |
| 309 | + | |
| 310 | + var fieldMapping = []; | |
| 311 | + $('.field-selector').each(function(index) { | |
| 312 | + var selectedField = $(this).val(); | |
| 313 | + // ASCII 문자 코드 사용 - 65=A, 66=B ... | |
| 314 | + var field = String.fromCharCode(65 + index); | |
| 315 | + if (selectedField) { | |
| 316 | + columns.push({title: field, field: selectedField, hozAlign: "center", headerHozAlign: "center", editor: "input", width: 125, validator: ["maxLength:100", "string"]}); | |
| 317 | + fieldMapping.push(selectedField); | |
| 318 | + } else { | |
| 319 | + columns.push({title: field, field: field, hozAlign: "center", headerHozAlign: "center", editor: "input", width: 125, validator: ["maxLength:100", "string"]}); | |
| 320 | + fieldMapping.push(field); | |
| 321 | + } | |
| 322 | + }); | |
| 323 | + | |
| 324 | + var updatedData = currentData.map(row => { | |
| 325 | + var newRow = {}; | |
| 326 | + fieldMapping.forEach((field, index) => { | |
| 327 | + newRow[field] = row[Object.keys(row)[index]] || ""; | |
| 328 | + }); | |
| 329 | + return newRow; | |
| 330 | + }); | |
| 331 | + | |
| 332 | + $objTabul.setColumns(columns); | |
| 333 | + $objTabul.setData(updatedData); | |
| 334 | +} | |
| 335 | + | |
| 336 | +/** | |
| 337 | + * @ 핸드폰 중복 데이터 | |
| 338 | + * */ | |
| 339 | +function fn_phoneDupl($objTabul) { | |
| 340 | + var data = $objTabul.getData(); | |
| 341 | + var uniquePhones = new Set(); | |
| 342 | + var dupliPhoneDataRealList = []; | |
| 343 | + var rowsToKeep = []; | |
| 344 | + var rowsToDelete = []; | |
| 345 | + var phoneNumberChk = false; | |
| 346 | + | |
| 347 | + | |
| 348 | + | |
| 349 | + data.forEach((row, index) => { | |
| 350 | + | |
| 351 | + if (!isValidKoreanPhoneNumber(row.addrPhoneNo)) { | |
| 352 | + phoneNumberChk = true | |
| 353 | + return false; | |
| 354 | + } | |
| 355 | + | |
| 356 | + if (uniquePhones.has(row.addrPhoneNo)) { | |
| 357 | + dupliPhoneDataRealList.push(row.addrPhoneNo); | |
| 358 | + rowsToDelete.push(index); // 중복된 행의 인덱스를 기록 | |
| 359 | + } else { | |
| 360 | + uniquePhones.add(row.addrPhoneNo); | |
| 361 | + rowsToKeep.push(row); // 고유한 데이터만 추가 | |
| 362 | + } | |
| 363 | + }); | |
| 364 | + | |
| 365 | + if(phoneNumberChk){ | |
| 366 | + alert('휴대폰 형식에 맞지 않는 데이터가 있습니다.\n 확인해 주세요'); | |
| 367 | + } | |
| 368 | + | |
| 369 | + $("#rowDupCnt").text(dupliPhoneDataRealList.length); | |
| 370 | + | |
| 371 | + if (dupliPhoneDataRealList.length > 0) { | |
| 372 | +// alert("중복된 휴대폰 번호가 있습니다: \n" + duplicatePhones.join(", ")); | |
| 373 | + makeAddrMassDupliPop(dupliPhoneDataRealList); | |
| 374 | + } | |
| 375 | + | |
| 376 | + // 중복된 행 삭제 | |
| 377 | + rowsToDelete.reverse().forEach(index => { | |
| 378 | + $objTabul.deleteRow(index); | |
| 379 | + }); | |
| 380 | + | |
| 381 | + // 고유한 데이터만 남기고 테이블 업데이트 | |
| 382 | + $objTabul.setData(rowsToKeep); | |
| 383 | + $("#rowTotCnt").text(rowsToKeep.length); | |
| 384 | + } | |
| 385 | + | |
| 386 | + | |
| 387 | + | |
| 388 | + | |
| 389 | +function fn_dupliPopupShow(){ | |
| 390 | + $('#tableExcelDupliBtn').show() | |
| 391 | +} | |
| 392 | + | |
| 393 | +//한국의 핸드폰 번호 형식 검사 함수 | |
| 394 | +function isValidKoreanPhoneNumber(phone) { | |
| 395 | + // 하이픈(-)을 제거하고 숫자만 남긴 후 검사 | |
| 396 | + var cleaned = phone.replace(/-/g, ''); | |
| 397 | + // 010, 011, 016, 017, 018, 019로 시작하고 10~11자리인 경우 유효 | |
| 398 | + var valid = /^(010|011|016|017|018|019)\d{7,8}$/.test(cleaned); | |
| 399 | + return valid; | |
| 400 | +} | |
| 401 | + | |
| 402 | +// 상단 설명 더보기 | |
| 403 | +function popMore(e){ | |
| 404 | + $(e).closest(".pop_more_cont").toggleClass("pop_more_click"); | |
| 405 | + | |
| 406 | + if($(e).closest(".pop_more_cont").is(".pop_more_click")){ | |
| 407 | + $(e).html('숨기기'); | |
| 408 | + $(e).append('<i></i>'); | |
| 409 | + }else { | |
| 410 | + $(e).html('더보기'); | |
| 411 | + $(e).append('<i></i>'); | |
| 412 | + } | |
| 413 | +} | |
| 414 | + | |
| 415 | +</script> | |
| 416 | + | |
| 417 | + <div class="popup_heading"> | |
| 418 | + <p>주소록 대량등록</p> | |
| 419 | + <button type="button" class="tooltip-close" data-focus="popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> | |
| 420 | + </div> | |
| 421 | + <div class="layer_in" style="padding: 25px 30px;"> | |
| 422 | +<!-- <div class="list_tab_wrap2"> --> | |
| 423 | + <!-- tab button --> | |
| 424 | +<!-- <ul class="list_tab" id="tbTabl"> --> | |
| 425 | +<!-- <li class="tab active" data-tabul="tableExcel"><button type="button" onclick="popupTab(this,'1'); fn_tabToggle('1');">엑셀입력</button></li> --> | |
| 426 | +<!-- <li class="tab" data-tabul="tableClip"><button type="button" onclick="popupTab(this,'2'); fn_tabToggle('2');">붙여넣기</button></li> --> | |
| 427 | +<!-- <li class="tab" data-tabul="tableSelf"><button type="button" onclick="popupTab(this,'3'); fn_tabToggle('3');">직접입력</button></li> --> | |
| 428 | +<!-- </ul>// tab button --> | |
| 429 | +<!-- </div> --> | |
| 430 | + <!-- 엑셀입력 --> | |
| 431 | + <div class="popCont current pop_more_cont" id="popCont_1"> | |
| 432 | + <div class="titBox"> | |
| 433 | + <p>- 엑셀(EXCEL) 파일로 주소록을 한 번에 최대 2만건까지 등록하여 간편하게 발송 및 관리하실 수 있습니다.</p> | |
| 434 | + <p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 작성하셔야 합니다.</p> | |
| 435 | + <p> ※ 주소록 관리 메뉴에서 다운로드 받으신 엑셀 파일 또한 업로드 양식에 맞추어 작성하셔야 하며, </p> | |
| 436 | + <p> 주소록에 이미 등록된 휴대폰 번호는 업데이트 되지 않으므로 기존 주소록에서 해당 휴대폰 번호를 삭제한 후 재등록해 주시기 바랍니다.</p> | |
| 437 | + <p>- 쉼표(,), 구분선(|), 역슬래시(\, ₩), 작은따옴표('), 큰따옴표(") 등 발송불가 특수문자는 저장되지 않습니다.</p> | |
| 438 | + <p>- 휴대폰 번호는 필수입력 항목입니다.</p> | |
| 439 | + <p>- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p> | |
| 440 | + <p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p> | |
| 441 | + <p>- 이름 20byte, [*1*]~[*4*] 40byte, 메모 250byte까지 입력 가능합니다.</p> | |
| 442 | + <p>- 첨부가능 파일 : xlsx, xls(최대용량 3MB)</p> | |
| 443 | + <p>- ‘오류 검사’를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다.</p> | |
| 444 | + <p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p> | |
| 445 | + <button type="button" class="excel_btn" onclick="location.href='/download/addr/주소록_대량등록.xlsx'"><i class="downroad"></i>샘플파일 다운로드</button> | |
| 446 | + </div> | |
| 447 | + <div class="pop_more_wrap"> | |
| 448 | + <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button> | |
| 449 | + </div> | |
| 450 | + </div><!--// 엑셀입력 --> | |
| 451 | + | |
| 452 | + <!-- 공통 --> | |
| 453 | + <div> | |
| 454 | + <table class="layer_tType1"> | |
| 455 | + <caption>엑셀입력 표</caption> | |
| 456 | + <colgroup> | |
| 457 | + <col style="width: 95px"> | |
| 458 | + <col style="width: auto"> | |
| 459 | + </colgroup> | |
| 460 | + <tbody> | |
| 461 | + <tr> | |
| 462 | + <th>그룹 선택</th> | |
| 463 | + <td> | |
| 464 | + <label for="" class="label">그룹 선택</label> | |
| 465 | + <select id="addrGrpIdInfo" name="addrGrpIdInfo"> | |
| 466 | + </select> | |
| 467 | + <label for="" class="label">그룹명 입력</label> | |
| 468 | + <input type="text" id="addrGrpNm" name="addrGrpNm" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'"class="inputLight" style="width: 300px;"> | |
| 469 | + <input type="file" id="excelFile" accept=".xls, .xlsx, .txt" style="display:none"/> | |
| 470 | + <button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button> | |
| 471 | + </td> | |
| 472 | + </tr> | |
| 473 | + </tbody> | |
| 474 | + </table> | |
| 475 | + </div> | |
| 476 | + <div class="file_add upload_area"> | |
| 477 | + <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요</p> | |
| 478 | + </div> | |
| 479 | + <div class="excel_middle2"> | |
| 480 | + <p> | |
| 481 | + 총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건 | |
| 482 | + | |
| 483 | + <button type="button" class="btnType btnType6" data-tooltip="addrMassDupli_layer" id="tableExcelDupliBtn">중복번호</button> | |
| 484 | +<!-- --> | |
| 485 | +<!-- <button type="button" class="btnType btnType6" data-tooltip="addrMassSaveDupli_layer" onclick="GetAddrMassSaveDupli()" id="btnAddrMassSaveDupli">중복번호</button> --> | |
| 486 | + </p> | |
| 487 | +<!-- <button type="button" class="btnType btnType6 addCallToF">번호추가</button> --> | |
| 488 | + </div> | |
| 489 | + | |
| 490 | + | |
| 491 | + | |
| 492 | + | |
| 493 | + <div class="adr_excel" style="margin-top: 13px;"> | |
| 494 | + <!-- thead --> | |
| 495 | + <div class="adr_hd select_adr_hd" data-group="tableExcel"> | |
| 496 | + <div style="width: 80px;"></div> | |
| 497 | + <div style="width: 125px;"> | |
| 498 | + <label for="" class="label"></label> | |
| 499 | + <select class="field-selector"> | |
| 500 | + <option value="">선택하기</option> | |
| 501 | + <option value="addrNm">이름</option> | |
| 502 | + <option value="addrPhoneNo">휴대폰</option> | |
| 503 | + <option value="addrInfo1">[*1*]</option> | |
| 504 | + <option value="addrInfo2">[*2*]</option> | |
| 505 | + <option value="addrInfo3">[*3*]</option> | |
| 506 | + <option value="addrInfo4">[*4*]</option> | |
| 507 | + <option value="addrComment">메모</option> | |
| 508 | + </select> | |
| 509 | + </div> | |
| 510 | + <div style="width: 125px;"> | |
| 511 | + <label for="" class="label"></label> | |
| 512 | + <select class="field-selector"> | |
| 513 | + <option value="">선택하기</option> | |
| 514 | + <option value="addrNm">이름</option> | |
| 515 | + <option value="addrPhoneNo">휴대폰</option> | |
| 516 | + <option value="addrInfo1">[*1*]</option> | |
| 517 | + <option value="addrInfo2">[*2*]</option> | |
| 518 | + <option value="addrInfo3">[*3*]</option> | |
| 519 | + <option value="addrInfo4">[*4*]</option> | |
| 520 | + <option value="addrComment">메모</option> | |
| 521 | + </select> | |
| 522 | + </div> | |
| 523 | + <div style="width: 125px;"> | |
| 524 | + <label for="" class="label"></label> | |
| 525 | + <select class="field-selector"> | |
| 526 | + <option value="">선택하기</option> | |
| 527 | + <option value="addrNm">이름</option> | |
| 528 | + <option value="addrPhoneNo">휴대폰</option> | |
| 529 | + <option value="addrInfo1">[*1*]</option> | |
| 530 | + <option value="addrInfo2">[*2*]</option> | |
| 531 | + <option value="addrInfo3">[*3*]</option> | |
| 532 | + <option value="addrInfo4">[*4*]</option> | |
| 533 | + <option value="addrComment">메모</option> | |
| 534 | + </select> | |
| 535 | + </div> | |
| 536 | + <div style="width: 125px;"> | |
| 537 | + <label for="" class="label"></label> | |
| 538 | + <select class="field-selector"> | |
| 539 | + <option value="">선택하기</option> | |
| 540 | + <option value="addrNm">이름</option> | |
| 541 | + <option value="addrPhoneNo">휴대폰</option> | |
| 542 | + <option value="addrInfo1">[*1*]</option> | |
| 543 | + <option value="addrInfo2">[*2*]</option> | |
| 544 | + <option value="addrInfo3">[*3*]</option> | |
| 545 | + <option value="addrInfo4">[*4*]</option> | |
| 546 | + <option value="addrComment">메모</option> | |
| 547 | + </select> | |
| 548 | + </div> | |
| 549 | + <div style="width: 125px;"> | |
| 550 | + <label for="" class="label"></label> | |
| 551 | + <select class="field-selector"> | |
| 552 | + <option value="">선택하기</option> | |
| 553 | + <option value="addrNm">이름</option> | |
| 554 | + <option value="addrPhoneNo">휴대폰</option> | |
| 555 | + <option value="addrInfo1">[*1*]</option> | |
| 556 | + <option value="addrInfo2">[*2*]</option> | |
| 557 | + <option value="addrInfo3">[*3*]</option> | |
| 558 | + <option value="addrInfo4">[*4*]</option> | |
| 559 | + <option value="addrComment">메모</option> | |
| 560 | + </select> | |
| 561 | + </div> | |
| 562 | + <div style="width: 125px;"> | |
| 563 | + <label for="" class="label"></label> | |
| 564 | + <select class="field-selector"> | |
| 565 | + <option value="">선택하기</option> | |
| 566 | + <option value="addrNm">이름</option> | |
| 567 | + <option value="addrPhoneNo">휴대폰</option> | |
| 568 | + <option value="addrInfo1">[*1*]</option> | |
| 569 | + <option value="addrInfo2">[*2*]</option> | |
| 570 | + <option value="addrInfo3">[*3*]</option> | |
| 571 | + <option value="addrInfo4">[*4*]</option> | |
| 572 | + <option value="addrComment">메모</option> | |
| 573 | + </select> | |
| 574 | + </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> | |
| 589 | + </div> | |
| 590 | + | |
| 591 | + <div class="drag_drop_wrap callList_includ_box" id="tabulator_excel"> | |
| 592 | +<!-- <img src="/publish/images/content/excel.jpg" style="width: 100%;"> --> | |
| 593 | + </div> | |
| 594 | + <div class="excel_middle"> | |
| 595 | + <div class="select_btnWrap clearfix"> | |
| 596 | + <div> | |
| 597 | + <button type="button" id="all_del"><i class="remove_img"></i>전체삭제</button> | |
| 598 | + <button type="button" id="in_select_del"><i class="remove_img"></i>선택삭제</button> | |
| 599 | + <button type="button" id="chkVali_del"><i class="remove_img"></i>오류번호삭제</button> | |
| 600 | + <button type="button" id="check_validity">오류 검사 <i></i></button> | |
| 601 | + <div class="error_hover_cont send_hover_cont addr_hover_cont"> | |
| 602 | + <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p> | |
| 603 | + <span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span> | |
| 604 | + </div> | |
| 605 | + </div> | |
| 606 | + | |
| 607 | + </div> | |
| 608 | + </div><!--// 공통 --> | |
| 609 | + | |
| 610 | + <!-- 붙여놓기 설명 --> | |
| 611 | + <div class="req_area"> | |
| 612 | + <div class="text_box"> | |
| 613 | + - 휴대폰 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.<br> | |
| 614 | + - 휴대폰 번호는 필수입력 항목입니다.<br> | |
| 615 | + - 이름,휴대폰 번호,[*1*],[*2*],[*3*],[*4*],메모 순서대로 입력해주세요.(예 : 010-1234-5678,홍길동,변수1…메모)<br> | |
| 616 | + - 이름은 24byte, [*1*]~[*4*] 40byte, 메모는 250byte까지 입력 가능합니다.<br> | |
| 617 | + - '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다. | |
| 618 | + </div> | |
| 619 | + </div> | |
| 620 | + <div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;"> | |
| 621 | + <button type="button" id="btnAddrMassReg">등록</button> | |
| 622 | + <button type="button" id="btnAddrMassClose" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button> | |
| 623 | + </div> | |
| 624 | + | |
| 625 | + </div>(No newline at end of file) |
--- src/main/webapp/js/kakao/at/addr.js
+++ src/main/webapp/js/kakao/at/addr.js
... | ... | @@ -141,6 +141,7 @@ |
| 141 | 141 |
} |
| 142 | 142 |
|
| 143 | 143 |
function loadAddrList(){
|
| 144 |
+ console.log(' loadAddrList() ');
|
|
| 144 | 145 |
|
| 145 | 146 |
/* |
| 146 | 147 |
serialize 를 사용할때는 processData, contentType 옵션 제가할것 |
... | ... | @@ -157,8 +158,8 @@ |
| 157 | 158 |
async: false, |
| 158 | 159 |
cache: false, |
| 159 | 160 |
success: function (returnData, status) {
|
| 161 |
+ console.log('returnData : ', returnData);
|
|
| 160 | 162 |
if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
|
| 161 |
- |
|
| 162 | 163 |
if(returnData.result == "success"){
|
| 163 | 164 |
|
| 164 | 165 |
var addrList = returnData.resultAddrList; |
--- src/main/webapp/js/web/addr/event.js
+++ src/main/webapp/js/web/addr/event.js
... | ... | @@ -115,6 +115,7 @@ |
| 115 | 115 |
{formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
|
| 116 | 116 |
cell.getRow().toggleSelect(); |
| 117 | 117 |
}} |
| 118 |
+ ,{formatter:"rownum", align:"center", title:"No", hozAlign:"center", headerHozAlign:"center", width:40}
|
|
| 118 | 119 |
]; |
| 119 | 120 |
|
| 120 | 121 |
var fieldMapping = []; |
... | ... | @@ -144,14 +145,14 @@ |
| 144 | 145 |
} |
| 145 | 146 |
}); |
| 146 | 147 |
|
| 147 |
- |
|
| 148 |
-function fn_loadAddActive(){
|
|
| 149 |
- $('.loading_layer').addClass('active');
|
|
| 150 |
-} |
|
| 151 |
- |
|
| 152 |
-function fn_loadRemoveActive(){
|
|
| 153 |
- $('.loading_layer').removeClass('active');
|
|
| 154 |
-} |
|
| 148 |
+// |
|
| 149 |
+//function fn_loadAddActive(){
|
|
| 150 |
+// $('.loading_layer').addClass('active');
|
|
| 151 |
+//} |
|
| 152 |
+// |
|
| 153 |
+//function fn_loadRemoveActive(){
|
|
| 154 |
+// $('.loading_layer').removeClass('active');
|
|
| 155 |
+//} |
|
| 155 | 156 |
|
| 156 | 157 |
//중복 연락처 |
| 157 | 158 |
function makeAddrMassDupliPop(dupliPhoneDataRealList) {
|
--- src/main/webapp/js/web/addr/init.js
+++ src/main/webapp/js/web/addr/init.js
... | ... | @@ -37,6 +37,7 @@ |
| 37 | 37 |
cell.getRow().toggleSelect(); |
| 38 | 38 |
} |
| 39 | 39 |
}, |
| 40 |
+ {formatter:"rownum", align:"center" ,title:"No", hozAlign:"center", headerHozAlign:"center", width:40},
|
|
| 40 | 41 |
{title:"A", field:"A", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
| 41 | 42 |
{title:"B", field:"B", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
| 42 | 43 |
{title:"C", field:"C", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
--- src/main/webapp/publish/js/content.js
+++ src/main/webapp/publish/js/content.js
... | ... | @@ -1553,4 +1553,12 @@ |
| 1553 | 1553 |
|
| 1554 | 1554 |
//미리보기 추가된 버튼 정보 삭제처리하기 |
| 1555 | 1555 |
$('.btnEmpty').eq(btnIndex).remove();
|
| 1556 |
-}(No newline at end of file) |
|
| 1556 |
+} |
|
| 1557 |
+ |
|
| 1558 |
+function fn_loadAddActive(){
|
|
| 1559 |
+ $('.loading_layer').addClass('active');
|
|
| 1560 |
+} |
|
| 1561 |
+ |
|
| 1562 |
+function fn_loadRemoveActive(){
|
|
| 1563 |
+ $('.loading_layer').removeClass('active');
|
|
| 1564 |
+} |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?