diff --git a/frontend/src/assets/css/style.css b/frontend/src/assets/css/style.css index db7c081..a1cc407 100644 --- a/frontend/src/assets/css/style.css +++ b/frontend/src/assets/css/style.css @@ -67,7 +67,7 @@ header .user_wrap .user { display: -webkit-box; display: -ms-flexbox; display: flex; - width: 258px; + width: 308px; /*20220811 퍼블리싱 수정*/ height: 63px; background: url(../images/user-bg.png) no-repeat center/100% auto; } @@ -405,7 +405,7 @@ header .user_wrap .user_info .logout { -ms-flex-align: end; align-items: flex-end; border-radius: 4px; - margin-bottom: 50px; + margin: 0 40px 50px 40px; /*20220811 퍼블리싱 수정*/ flex-wrap: wrap; } @@ -844,7 +844,7 @@ header .user_wrap .user_info .logout { .pagination { display:flex; justify-content: center; - margin-bottom: 50px; + margin: 65px 0 50px 0; /*20220811 퍼블리싱 수정*/ } .pagination ul{ @@ -1373,6 +1373,10 @@ header .user_wrap .user_info .logout { font-weight: 500; } +.popup .button.Ty02 { + margin-left: 0px; padding: 0 20px; +} + /*customer popup*/ .popup.b-popup{ @@ -1702,9 +1706,11 @@ header .user_wrap .user_info .logout { margin-bottom: 2%; } +/* --- 삭제 .popup.popup_form table .registration ul li:nth-child(3n){ - margin-right: 0; + margin-right: 0; } +*/ .popup.popup_form table .registration ul li span{ min-height: 30px; diff --git a/frontend/src/components/CustomGrid.vue b/frontend/src/components/CustomGrid.vue index 6d8cc1d..5038abd 100644 --- a/frontend/src/components/CustomGrid.vue +++ b/frontend/src/components/CustomGrid.vue @@ -226,7 +226,8 @@ export default { let colGroup = ''; colGroup += ''; if (this.isCheckbox == true) { - colGroup += ''; + //colGroup += ''; + colGroup += ''; this.colsLen++; } diff --git a/frontend/src/modules/attractMgt/views/ChannelList.vue b/frontend/src/modules/attractMgt/views/ChannelList.vue index 8b83c18..486865d 100644 --- a/frontend/src/modules/attractMgt/views/ChannelList.vue +++ b/frontend/src/modules/attractMgt/views/ChannelList.vue @@ -32,7 +32,7 @@ -
+
-
+
@@ -221,7 +221,7 @@ export default { } let today = moment().format('YYYYMMDDHHmmss'); - const saveFileName = `알림톡템플릿목록_${today}.xlsx`; + const saveFileName = `알림톡템플릿목록_${today}.xls`; const data = await this.getExcelDataDown(); let options = { diff --git a/frontend/src/modules/custMgt/views/MemberList.vue b/frontend/src/modules/custMgt/views/MemberList.vue index 761bc0c..d7c249d 100644 --- a/frontend/src/modules/custMgt/views/MemberList.vue +++ b/frontend/src/modules/custMgt/views/MemberList.vue @@ -12,7 +12,7 @@ 회원관리
-
+
@@ -75,7 +75,7 @@
-
+
총 {{ totalItems.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }}건 diff --git a/frontend/src/modules/custMgt/views/SubsList.vue b/frontend/src/modules/custMgt/views/SubsList.vue index 4f26278..99a88e0 100644 --- a/frontend/src/modules/custMgt/views/SubsList.vue +++ b/frontend/src/modules/custMgt/views/SubsList.vue @@ -12,7 +12,7 @@ 회원관리
-
+
@@ -40,7 +40,7 @@
-
+
diff --git a/frontend/src/modules/riskMgt/views/All.vue b/frontend/src/modules/riskMgt/views/All.vue index df32b43..72179e9 100644 --- a/frontend/src/modules/riskMgt/views/All.vue +++ b/frontend/src/modules/riskMgt/views/All.vue @@ -19,7 +19,7 @@ >
-
+
*위임-수임사간 관계 확인 문서

+ - -

+ +

*위임장

- - -

+ +

+
-

*대리인 신분증 사본 인증

- *법인인감증명서

+ - -

+ +

+ +
+

*위임사 사업자등록증

+ + +

+
+ +
+

*수임사 사업자등록증

+ + +

+
+
-

*통신서비스 이용증명원

+

통신서비스 이용증명원

+

발신번호의 통신서비스 이용증명원

-
-

*재직증명서

- +

재직증명서

+ + +

+
+ +
+

위임사 재직증명서(임직원 신청시)

+ - -

+ +

+ +
+

위임사 신분증(임직원 신청시)

+ + +

+
+ + + + + + 사업자 등록증 + +

파일형식 : jpg, png, pdf, tiff (최대 5MB)

+
+

*사업자등록증

+ + +

+
+

*사업자등록증

파일업로드

-

파일형식 : jpg, png, pdf, tiff (최대 5MB)

- - - - 사업자 등록증 - -
-

*사업자등록증

- - -

-
-

파일형식 : jpg, png, pdf, tiff (최대 5MB)

+ 인증 완료 + + 본인확인 + +

파일형식 : jpg, png, pdf, tiff (최대 5MB)

+
+

신분증

+ + +

+
+ +
+

재직증명서

+ + +

+
+ +
@@ -156,13 +217,19 @@ export default { numberInputs: [], saveSendNums: [], fileType: 1, - trustFile: null, - warrantFile: null, - deputyFile: null, - tenureFile: null, - businessFile: null, communicationFile: null, + tenureFile: null, + delegationFile: null, + attorneyFile: null, + businessFile: null, otherBusinessFile: null, + delegatedIdentificationFile: null, + delegateCertificateFile: null, + delegatedBusinessFile: null, + authorizedBusinessFile: null, + corporateCertificateFile: null, + identificationCardFile: null, + identificationEvidenceFile: null, childData: 20, reqCnt: 0, } @@ -233,10 +300,14 @@ export default { let fileExt = file.name.substring( file.name.lastIndexOf(".") + 1 ) + + // 소문자로 변환 fileExt = fileExt.toLowerCase() + var fileSize = file.size + var maxSize = 5 * 1024 * 1024; // 이미지 확장자 체크, jpg, png, pdf, tiff - if (["jpg", "png", "pdf", "tiff"].includes(fileExt)) { + if (["jpg", "png", "pdf", "tiff"].includes(fileExt) && fileSize <= maxSize) { return true; } else { this.row.title = '발신번호 파일 업로드'; @@ -246,13 +317,13 @@ export default { return false } }, - // 위임-수임 - readTrustFile(event) { + // 위임-수임사간 관계 확인 문서 + readDelegationFile(event) { const file = event.target.files[0]; if(this.fileExtCheck(file)) { if (file != null) { - this.delTrustFile(event); + this.delDelegationFile(event); } // inner Html. @@ -260,30 +331,30 @@ export default { const text = document.createElement('p'); text.innerText = file.name; button.addEventListener('click', () => { - this.delTrustFile(event); + this.delDelegationFile(event); }) button.innerText = 'X' - const root = document.getElementById('trustNm'); + const root = document.getElementById('delegationNm'); root.appendChild(text); root.appendChild(button); - this.trustFile = file; + this.delegationFile = file; } }, - delTrustFile(event) { + delDelegationFile(event) { const file = event.target.files[0]; - this.$refs.trustFile.value = null; - let element = document.getElementById("trustNm"); + this.$refs.delegationFile.value = null; + let element = document.getElementById("delegationNm"); while (element.firstChild) { element.removeChild(element.firstChild); } - this.trustFile = null; + this.delegationFile = null; }, // 위임장 - readWarrantFile(event) { + readAttorneyFile(event) { const file = event.target.files[0]; if(this.fileExtCheck(file)) { if (file != null) { - this.delWarrantFile(event); + this.delAttorneyFile(event); } // inner Html. @@ -291,30 +362,31 @@ export default { const text = document.createElement('p'); text.innerText = file.name; button.addEventListener('click', () => { - this.delWarrantFile(event); + this.delAttorneyFile(event); }) button.innerText = 'X' - const root = document.getElementById('warrantNm'); + const root = document.getElementById('attorneyNm'); root.appendChild(text); root.appendChild(button); - this.warrantFile = file; + this.attorneyFile = file; } }, - delWarrantFile(event) { + delAttorneyFile(event) { const file = event.target.files[0]; - this.$refs.warrantFile.value = null; - let element = document.getElementById("warrantNm"); + this.$refs.attorneyFile.value = null; + let element = document.getElementById("attorneyNm"); while (element.firstChild) { element.removeChild(element.firstChild); } - this.warrantFile = null; + this.attorneyFile = null; }, - // 대리인 - readDeputyFile(event) { + + // 법인인감증명서 + readCorporateCertificateFile(event) { const file = event.target.files[0]; if(this.fileExtCheck(file)) { if (file != null) { - this.delDeputyFile(event); + this.delCorporateCertificateFile(event); } // inner Html. @@ -322,25 +394,153 @@ export default { const text = document.createElement('p'); text.innerText = file.name; button.addEventListener('click', () => { - this.delDeputyFile(event); + this.delCorporateCertificateFile(event); }) button.innerText = 'X' - const root = document.getElementById('deputyNm'); + const root = document.getElementById('corporateCertificateNm'); root.appendChild(text); root.appendChild(button); - - this.deputyFile = file + this.corporateCertificateFile = file; } }, - delDeputyFile(event) { + delCorporateCertificateFile(event) { const file = event.target.files[0]; - this.$refs.deputyFile.value = null; - let element = document.getElementById("deputyNm"); + this.$refs.corporateCertificateFile.value = null; + let element = document.getElementById("corporateCertificateNm"); while (element.firstChild) { element.removeChild(element.firstChild); } - this.deputyFile = null; + this.corporateCertificateFile = null; }, + + // 위임사 사업자 등록증 + readDelegatedBusinessFile(event) { + const file = event.target.files[0]; + if(this.fileExtCheck(file)) { + if (file != null) { + this.delDelegatedBusinessFile(event); + } + + // inner Html. + const button = document.createElement('button'); + const text = document.createElement('p'); + text.innerText = file.name; + button.addEventListener('click', () => { + this.delDelegatedBusinessFile(event); + }) + button.innerText = 'X' + const root = document.getElementById('delegatedBusinessNm'); + root.appendChild(text); + root.appendChild(button); + this.delegatedBusinessFile = file; + } + }, + delDelegatedBusinessFile(event) { + const file = event.target.files[0]; + this.$refs.delegatedBusinessFile.value = null; + let element = document.getElementById("delegatedBusinessNm"); + while (element.firstChild) { + element.removeChild(element.firstChild); + } + this.delegatedBusinessFile = null; + }, + + // 수임사 사업자 등록증 + readAuthorizedBusinessFile(event) { + const file = event.target.files[0]; + if(this.fileExtCheck(file)) { + if (file != null) { + this.delAuthorizedBusinessFile(event); + } + + // inner Html. + const button = document.createElement('button'); + const text = document.createElement('p'); + text.innerText = file.name; + button.addEventListener('click', () => { + this.delAuthorizedBusinessFile(event); + }) + button.innerText = 'X' + const root = document.getElementById('authorizedBusinessNm'); + root.appendChild(text); + root.appendChild(button); + this.authorizedBusinessFile = file; + } + }, + delAuthorizedBusinessFile(event) { + const file = event.target.files[0]; + this.$refs.authorizedBusinessFile.value = null; + let element = document.getElementById("authorizedBusinessNm"); + while (element.firstChild) { + element.removeChild(element.firstChild); + } + this.authorizedBusinessFile = null; + }, + + // 위임사 재직증명서(임직원 신청시) + readDelegateCertificateFile(event) { + const file = event.target.files[0]; + if(this.fileExtCheck(file)) { + if (file != null) { + this.delDelegateCertificateFile(event); + } + + // inner Html. + const button = document.createElement('button'); + const text = document.createElement('p'); + text.innerText = file.name; + button.addEventListener('click', () => { + this.delDelegateCertificateFile(event); + }) + button.innerText = 'X' + const root = document.getElementById('delegateCertificateNm'); + root.appendChild(text); + root.appendChild(button); + this.delegateCertificateFile = file; + } + }, + delDelegateCertificateFile(event) { + const file = event.target.files[0]; + this.$refs.delegateCertificateFile.value = null; + let element = document.getElementById("delegateCertificateNm"); + while (element.firstChild) { + element.removeChild(element.firstChild); + } + this.delegateCertificateFile = null; + }, + + // 위임사 신분증(임직원 신청시) + readDelegatedIdentificationFile(event) { + const file = event.target.files[0]; + if(this.fileExtCheck(file)) { + if (file != null) { + this.delDelegatedIdentificationFile(event); + } + + // inner Html. + const button = document.createElement('button'); + const text = document.createElement('p'); + text.innerText = file.name; + button.addEventListener('click', () => { + this.delDelegatedIdentificationFile(event); + }) + button.innerText = 'X' + const root = document.getElementById('delegatedIdentificationNm'); + root.appendChild(text); + root.appendChild(button); + this.delegatedIdentificationFile = file; + } + }, + delDelegatedIdentificationFile(event) { + const file = event.target.files[0]; + this.$refs.delegatedIdentificationFile.value = null; + let element = document.getElementById("delegatedIdentificationNm"); + while (element.firstChild) { + element.removeChild(element.firstChild); + } + this.delegatedIdentificationFile = null; + }, + // 재직 readTenureFile(event) { const file = event.target.files[0]; @@ -403,9 +603,73 @@ export default { } this.businessFile = null; }, + //신분증 (본인확인) + readIdentificationCardFile(event) { + const file = event.target.files[0]; + if(this.fileExtCheck(file)) { + if (file != null) { + this.delIdentificationCardFile(event); + } + + // inner Html. + const button = document.createElement('button'); + const text = document.createElement('p'); + text.innerText = file.name; + button.addEventListener('click', () => { + this.delIdentificationCardFile(event); + }) + button.innerText = 'X' + const root = document.getElementById('identificationCardNm'); + root.appendChild(text); + root.appendChild(button); + this.identificationCardFile = file; + } + }, + delIdentificationCardFile(event) { + const file = event.target.files[0]; + this.$refs.identificationCardFile.value = null; + let element = document.getElementById("identificationCardNm"); + while (element.firstChild) { + element.removeChild(element.firstChild); + } + this.identificationCardFile = null; + }, + //재직증명서 (본인확인) + readIdentificationEvidenceFile(event) { + const file = event.target.files[0]; + if(this.fileExtCheck(file)) { + if (file != null) { + this.delIdentificationEvidenceFile(event); + } + + // inner Html. + const button = document.createElement('button'); + const text = document.createElement('p'); + text.innerText = file.name; + button.addEventListener('click', () => { + this.delIdentificationEvidenceFile(event); + }) + button.innerText = 'X' + const root = document.getElementById('identificationEvidenceNm'); + root.appendChild(text); + root.appendChild(button); + this.identificationEvidenceFile = file; + } + }, + delIdentificationEvidenceFile(event) { + const file = event.target.files[0]; + this.$refs.identificationEvidenceFile.value = null; + let element = document.getElementById("identificationEvidenceNm"); + while (element.firstChild) { + element.removeChild(element.firstChild); + } + this.identificationEvidenceFile = null; + }, //통신서비스 증명원 readCommunicationFile(event) { const file = event.target.files[0]; + + if(this.fileExtCheck(file)) { if (file != null) { this.delCommunicationFile(event); @@ -422,7 +686,7 @@ export default { const root = document.getElementById('communicationNm'); root.appendChild(text); root.appendChild(button); - this.communicationFile = file; + this.communicationFile = file; } }, delCommunicationFile(event) { @@ -488,8 +752,12 @@ export default { if (this.bizrAuthYn !== 'Y') { if (this.nmineeDivCd === '01') { // 사업자 - const response = await sendNumMgtApi.insertNumber1(this.tenureFile, this.businessFile, this.communicationFile, this.adminId, this.custNm, this.bRegNo, this.nmineeDivCd, this.saveSendNums, this.bizrAuthYn, this.custSeq, this.bRegNo) + const response = await sendNumMgtApi.insertNumber1(this.communicationFile,this.tenureFile,this.businessFile, this.identificationCardFile, this.identificationEvidenceFile, this.adminId, this.custNm, this.bRegNo, this.nmineeDivCd, this.saveSendNums, this.bizrAuthYn, this.custSeq, this.bRegNo) const result = response.data; + // if(this.communicationFile.size >= 1024){ + // alert('파일용량test') + // return false; + // } if (result != null && result.retCode == "0000") { if(result.data.list != null && result.data.list.length > 0){ @@ -516,12 +784,11 @@ export default { } } else if (this.nmineeDivCd === '02') { - const response = await sendNumMgtApi.insertNumber2(this.trustFile, this.communicationFile, this.warrantFile, this.deputyFile, this.tenureFile, this.otherBusinessFile, this.businessFile, this.adminId, this.custNm, this.bRegNo, this.nmineeDivCd, this.saveSendNums, this.bizrAuthYn, this.custSeq, this.bRegNo) + const response = await sendNumMgtApi.insertNumber2(this.communicationFile, this.delegationFile, this.attorneyFile, this.otherBusinessFile ,this.delegatedIdentificationFile, this.delegateCertificateFile, this.delegatedBusinessFile, this.authorizedBusinessFile, this.corporateCertificateFile, this.identificationCardFile, this.identificationEvidenceFile, this.adminId, this.custNm, this.bRegNo, this.nmineeDivCd, this.saveSendNums, this.bizrAuthYn, this.custSeq, this.bRegNo) const result = response.data; if (result != null && result.retCode == "0000") { - if(result.data.list != null){ - if(result.data.list.length > 0){ + if(result.data.list != null && result.data.list.length > 0){ this.row.title = '발신번호 등록'; var failMsg = ""; for(var i=0; i { @@ -46,11 +47,13 @@ const insertNumber = (adminId, custNm, bRegNo, nmineeDivCd, numberInputs, bizrAu }; // 사업자가 등록 요청. -const insertNumber1 = (tenureFile, businessFile, communicationFile, adminId, custNm, bRegNo, nmineeDivCd, numberInputs, bizrAuthYn, custSeq) => { +const insertNumber1 = (communicationFile, tenureFile ,businessFile, identificationCardFile, identificationEvidenceFile,adminId, custNm, bRegNo, nmineeDivCd, numberInputs, bizrAuthYn, custSeq) => { let formData = new FormData(); + formData.append("communicationFile", communicationFile); formData.append("tenureFile", tenureFile); formData.append("businessFile", businessFile); - formData.append("communicationFile", communicationFile); + formData.append("identificationCardFile", identificationCardFile); + formData.append("identificationEvidenceFile", identificationEvidenceFile); const row = {} row.adminId = adminId @@ -74,16 +77,19 @@ const insertNumber1 = (tenureFile, businessFile, communicationFile, adminId, cus }; // 타사업자가 등록 요청. -const insertNumber2 = (trustFile, warrantFile, communicationFile, deputyFile, tenureFile, otherBusinessFile, businessFile, adminId, custNm, bRegNo, nmineeDivCd, numberInputs, bizrAuthYn, custSeq) => { +const insertNumber2 = (communicationFile, delegationFile, attorneyFile, otherBusinessFile, delegatedIdentificationFile, delegateCertificateFile, delegatedBusinessFile, authorizedBusinessFile, corporateCertificateFile, identificationCardFile, identificationEvidenceFile, adminId, custNm, bRegNo, nmineeDivCd, numberInputs, bizrAuthYn, custSeq) => { let formData = new FormData(); - formData.append("trustFile", trustFile); - formData.append("warrantFile", warrantFile); - formData.append("deputyFile", deputyFile); - formData.append("tenureFile", tenureFile); - formData.append("businessFile", businessFile); - formData.append("otherBusinessFile", otherBusinessFile); formData.append("communicationFile", communicationFile); - + formData.append("delegationFile", delegationFile); + formData.append("attorneyFile", attorneyFile); + formData.append("otherBusinessFile", otherBusinessFile); + formData.append("delegatedIdentificationFile", delegatedIdentificationFile); + formData.append("delegateCertificateFile", delegateCertificateFile); + formData.append("delegatedBusinessFile", delegatedBusinessFile); + formData.append("authorizedBusinessFile", authorizedBusinessFile); + formData.append("corporateCertificateFile", corporateCertificateFile); + formData.append("identificationCardFile", identificationCardFile); + formData.append("identificationEvidenceFile", identificationEvidenceFile); const row = {} row.adminId = adminId row.custNm = custNm @@ -110,6 +116,39 @@ const updateAppr = (params) => { return httpClient.post('/api/v1/bo/sendNumMgt/updateAppr', params, {withCredentials: false}); } +const fileDownload = (params) => { + console.log(params) + axios({ + method: 'POST', + url: '/api/v1/bo/sendNumMgt/filedownload', + responseType: 'blob', + headers: '', + data: params, + params: params + }) + .then(response => { + const fileName = params.docTitle + const data = response.data + if (!data) { + return + } + console.log(response) + const url = window.URL.createObjectURL(new Blob([data])) + const a = document.createElement('a') + a.style.display = 'none' + a.href = url + a.setAttribute('download', fileName) + document.body.appendChild(a) + a.click() + document.body.removeChild(a) + window.URL.revokeObjectURL(url) + }) + .catch(response => { + console.log(response) + alert(error); + }) +} + export default { getCommCode, numberDetail, @@ -120,4 +159,5 @@ export default { apprDetail, updateAppr, deleteNumber, + fileDownload } diff --git a/frontend/src/modules/sendNumMgt/views/ApprList.vue b/frontend/src/modules/sendNumMgt/views/ApprList.vue index 0c22f37..50b9c4d 100644 --- a/frontend/src/modules/sendNumMgt/views/ApprList.vue +++ b/frontend/src/modules/sendNumMgt/views/ApprList.vue @@ -21,7 +21,7 @@
-
+
-
+
-
+
-
+
diff --git a/frontend/src/modules/servMgt/views/rejectRecvList.vue b/frontend/src/modules/servMgt/views/rejectRecvList.vue index 581c472..8f76bc1 100644 --- a/frontend/src/modules/servMgt/views/rejectRecvList.vue +++ b/frontend/src/modules/servMgt/views/rejectRecvList.vue @@ -7,7 +7,7 @@
- +
-
+
diff --git a/frontend/src/modules/stats/views/BsnmDayList.vue b/frontend/src/modules/stats/views/BsnmDayList.vue index 744dbd8..10d06d9 100644 --- a/frontend/src/modules/stats/views/BsnmDayList.vue +++ b/frontend/src/modules/stats/views/BsnmDayList.vue @@ -12,7 +12,7 @@
- +

최대 1개월까지 조회 가능합니다.