발신번호 등록 수정

2025-12-07 06:24:47 +09:00 · 2022-08-17 12:03:45 +09:00
parent 26756f3e8e
commit 89c8d1eb68
34 changed files with 918 additions and 247 deletions
--- a/frontend/src/modules/sendNumMgt/components/ApprDetailPop.vue
+++ b/frontend/src/modules/sendNumMgt/components/ApprDetailPop.vue
@@ -65,13 +65,21 @@
          <tr>
            <th>제출서류</th>
            <td class="sender">
-              <a v-for="(item, idx) in docList" v-if="item.docTpCd !== '06'">{{ item.docTitle }}</a>
+              <a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd !== '06' && item.docTpCd !== '07' && item.docTpCd !== '13' && item.docTpCd !== '14'">{{ item.docTitle }} <br></a>
            </td>
          </tr>
          <tr>
            <th>사업자등록증</th>
            <td class="sender">
-              <p v-for="(item, idx) in docList" v-if="item.docTpCd === '06'">{{ item.docTitle }}</p>
+              <a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd === '06'">{{ item.docTitle }}<br></a>
+              <a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd === '07'">{{ item.docTitle }}<br></a>
+            </td>
+          </tr>
+          <tr>
+            <th>본인확인</th>
+            <td class="sender">
+              <a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd === '13'">{{ item.docTitle }}<br></a>
+              <a href="javascript:void(0);" @click="download(item.filePath, item.fileNm, item.docTitle)" v-for="(item, idx) in docList" v-if="item.docTpCd === '14'">{{ item.docTitle }}<br></a>
            </td>
          </tr>
          <tr>
@@ -108,6 +116,7 @@ export default {
    return{
 			row: {},
      regReqNo:'',
+      docNo:'',
      reqNo:'',
      seqNo:'',
      cmpltDt:'',
@@ -120,6 +129,7 @@ export default {
      memo:'',
      docList: [],
      numList: [],
+
    }
  },
 	components: {
@@ -134,6 +144,14 @@ export default {
 		this.formReset();
  },
 	methods :{
+    //파일 다운로드
+    download(filePath, fileName, docTitle){
+      this.row = {}
+      this.row.docTitle = docTitle
+      this.row.filePath = filePath
+      this.row.fileNm = fileName
+      sendNumMgtApi.fileDownload(this.row);
+    },
 		// 모달 띄우기
    apprDetailPopOpen(props){

@@ -148,20 +166,24 @@ export default {
      try {
        console.log(props)
        this.row.regReqNo = props.regReqNo
+        this.row.docNo = props.docNo
        const response = await sendNumMgtApi.apprDetail(this.row);
        const result = response.data;
        console.log(result);
        if (result != null && result.retCode == "0000") {

-          this.regRegNo = result.data.regReqNo
-          this.reqNo  = result.data.regReqNo
+          this.regReqNo = result.data.regReqNo
+          this.docNo = result.data.docNo
+          // this.reqNo  = result.data.regNo
+          // this.fileNm = result.data.fileNm
+          // this.filePath = result.data.filePath
+          this.docTitle = result.data.docTitle
          this.regDt = result.data.regDt
          this.custNm = result.data.custNm
          this.adminId = result.data.adminId
          this.chgDt = result.data.chgDt
          this.bizrno = result.data.bizrno.substring(0,3)+'-'+result.data.bizrno.substring(3,5)+'-'+result.data.bizrno.substring(5,10)
          this.nmineeDivCd = result.data.nmineeDivCd
-          this.regRegNo = result.data.regRegNo
          this.slfAuthHp = result.data.slfAuthHp
          this.docList = result.data.docList
          this.numList = result.data.numList
--- a/frontend/src/modules/sendNumMgt/components/NumberDetailPop.vue
+++ b/frontend/src/modules/sendNumMgt/components/NumberDetailPop.vue
@@ -57,7 +57,7 @@
            <th>제출서류</th>
            <td>
              <div class="sender">
-                <p v-for="(item, idx) in list" v-if="item.docTpcd !== '06'">{{ item.docTitle }} ({{ item.fileSize }}KB)</p>
+                <p v-for="(item, idx) in docList" v-if="item.docTpCd !== '06' && item.docTpCd !== '07' && item.docTpCd !== '13' && item.docTpCd !== '14'">{{ item.docTitle }} ({{ formatFileSize(item.fileSize) }})</p>
              </div>
              <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
            </td>
@@ -66,8 +66,18 @@
            <th>사업자등록증</th>
            <td>
              <div class="sender">
-<!--                <p>사업자등록증.jpg (00KB)</p>-->
-                <p v-for="(item, idx) in list" v-if="item.docTpCd === '06'">{{ item.docTitle }} ({{ item.fileSize }}KB)</p>
+                <p v-for="(item, idx) in docList" v-if="item.docTpCd === '06'">{{ item.docTitle }} ({{ formatFileSize(item.fileSize) }}) <br></p>
+                <p v-for="(item, idx) in docList" v-if="item.docTpCd === '07'">{{ item.docTitle }} ({{ formatFileSize(item.fileSize) }})</p>
+              </div>
+              <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
+            </td>
+          </tr>
+          <tr>
+            <th>본인 확인</th>
+            <td>
+              <div class="sender">
+                <p v-for="(item, idx) in docList" v-if="item.docTpCd === '13'">{{ item.docTitle }} ({{ formatFileSize(item.fileSize) }}) <br></p>
+                <p v-for="(item, idx) in docList" v-if="item.docTpCd === '14'">{{ item.docTitle }} ({{ formatFileSize(item.fileSize) }})</p>
              </div>
              <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
            </td>
@@ -107,8 +117,9 @@ export default {
      sndrno:'',
      sttusCd:'',
      regDt:'',
-      list: [],
+      docList: [],
      regRegNo:'',
+      
    }
  },
 	components: {
@@ -125,6 +136,15 @@ export default {
    
  },
 	methods :{
+    formatFileSize(bytes,decimalPoint) {
+      if(bytes == 0) return '0 Bytes';
+      var k = 1000,
+          dm = decimalPoint || 2,
+          sizes = ['Bytes', 'KB', 'MB'],
+          i = Math.floor(Math.log(bytes) / Math.log(k));
+      return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+    },
+            
 		// 모달 띄우기
    numberDetailPopOpen(props){

@@ -162,7 +182,7 @@ export default {
          this.sttusCd = result.data.sttusCd
          this.regDt = result.data.regDt
          // result.data.list.forEach()
-          this.list = result.data.list
+          this.docList = result.data.list
          this.regRegNo = result.data.regRegNo
        }
      } catch (error) {
--- a/frontend/src/modules/sendNumMgt/components/NumberRegPop.vue
+++ b/frontend/src/modules/sendNumMgt/components/NumberRegPop.vue
@@ -58,41 +58,94 @@
        <tr v-show="bizrAuthYn !== 'Y'">
          <th>제출서류</th>
          <td>
+            <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
            <div class="attach" v-show="fileType === 2">
-              <p class="essential list"><span>*</span>위임-수임관계 확인 서류</p>
-              <input type="file" ref="trustFile" style="display: none" @change="readTrustFile"
+              <p class="essential list"><span>*</span>위임-수임사간 관계 확인 문서</p>
+              <input type="file" ref="delegationFile" style="display: none" @change="readDelegationFile"
                     accept=".jpg,.png,.pdf,.tiff"/>
-              <button class="button btn-p2color" @click="$refs.trustFile.click()">파일업로드</button>
-              <p class="file" id="trustNm"></p>
+              <button class="button btn-p2color" @click="$refs.delegationFile.click()">파일업로드</button>
+              <p class="file" id="delegationNm"></p>
            </div>
            <div class="attach" v-show="fileType === 2">
              <p class="essential list"><span>*</span>위임장</p>
-              <input type="file" ref="warrantFile" style="display: none" @change="readWarrantFile"
+              <input type="file" ref="attorneyFile" style="display: none" @change="readAttorneyFile"
                     accept=".jpg,.png,.pdf,.tiff"/>
-              <button class="button btn-p2color" @click="$refs.warrantFile.click()">파일업로드</button>
-              <p class="file" id="warrantNm"></p>
+              <button class="button btn-p2color" @click="$refs.attorneyFile.click()">파일업로드</button>
+              <p class="file" id="attorneyNm"></p>
            </div>
+
            <div class="attach" v-show="fileType === 2">
-              <p class="essential list"><span>*</span>대리인 신분증 사본 인증</p>
-              <input type="file" ref="deputyFile" style="display: none" @change="readDeputyFile"
+              <p class="essential list"><span>*</span>법인인감증명서</p>
+              <input type="file" ref="corporateCertificateFile" style="display: none" @change="readCorporateCertificateFile"
                     accept=".jpg,.png,.pdf,.tiff"/>
-              <button class="button btn-p2color" @click="$refs.deputyFile.click()">파일업로드</button>
-              <p class="file" id="deputyNm"></p>
+              <button class="button btn-p2color" @click="$refs.corporateCertificateFile.click()">파일업로드</button>
+              <p class="file" id="corporateCertificateNm"></p>
            </div>
+
+            <div class="attach" v-show="fileType === 2">
+              <p class="essential list"><span>*</span>위임사 사업자등록증</p>
+              <input type="file" ref="delegatedBusinessFile" style="display: none" @change="readDelegatedBusinessFile"
+                     accept=".jpg,.png,.pdf,.tiff"/>
+              <button class="button btn-p2color" @click="$refs.delegatedBusinessFile.click()">파일업로드</button>
+              <p class="file" id="delegatedBusinessNm"></p>
+            </div>
+
+            <div class="attach" v-show="fileType === 2">
+              <p class="essential list"><span>*</span>수임사 사업자등록증</p>
+              <input type="file" ref="authorizedBusinessFile" style="display: none" @change="readAuthorizedBusinessFile"
+                     accept=".jpg,.png,.pdf,.tiff"/>
+              <button class="button btn-p2color" @click="$refs.authorizedBusinessFile.click()">파일업로드</button>
+              <p class="file" id="authorizedBusinessNm"></p>
+            </div>
+
            <div class="attach">
-              <p class="essential list"><span>*</span>통신서비스 이용증명원</p>
+              <p v-if="fileType === 1" class="essential list">통신서비스 이용증명원</p>
+              <p v-if="fileType === 2" class="essential list">발신번호의 통신서비스 이용증명원</p>
              <input type="file" ref="communicationFile" style="display: none" @change="readCommunicationFile"
                     accept=".jpg,.png,.pdf,.tiff"/>
              <button class="button btn-p2color" @click="$refs.communicationFile.click()">파일업로드</button>
              <p class="file" id="communicationNm"></p>
            </div>
-            <div class="attach">
-              <p class="essential list"><span>*</span>재직증명서</p>
-              <input type="file" ref="tenureFile" style="display: none" @change="readTenureFile"
+
+              <div class="attach" v-show="fileType === 1">
+                <p class="essential list"><span></span>재직증명서</p>
+                <input type="file" ref="tenureFile" style="display: none" @change="readTenureFile"
+                       accept=".jpg,.png,.pdf,.tiff"/>
+                <button class="button btn-p2color" @click="$refs.tenureFile.click()">파일업로드</button>
+                <p class="file" id="tenureNm"></p>
+              </div>
+
+            <div class="attach" v-show="fileType === 2">
+              <p class="essential list"><span></span>위임사 재직증명서(임직원 신청시)</p>
+              <input type="file" ref="delegateCertificateFile" style="display: none" @change="readDelegateCertificateFile"
                     accept=".jpg,.png,.pdf,.tiff"/>
-              <button class="button btn-p2color" @click="$refs.tenureFile.click()">파일업로드</button>
-              <p class="file" id="tenureNm"></p>
+              <button class="button btn-p2color" @click="$refs.delegateCertificateFile.click()">파일업로드</button>
+              <p class="file" id="delegateCertificateNm"></p>
            </div>
+
+            <div class="attach" v-show="fileType === 2">
+              <p class="essential list"><span></span>위임사 신분증(임직원 신청시)</p>
+              <input type="file" ref="delegatedIdentificationFile" style="display: none" @change="readDelegatedIdentificationFile"
+                     accept=".jpg,.png,.pdf,.tiff"/>
+              <button class="button btn-p2color" @click="$refs.delegatedIdentificationFile.click()">파일업로드</button>
+              <p class="file" id="delegatedIdentificationNm"></p>
+            </div>
+            
+            
+          </td>
+        </tr>
+        <tr>
+          <th>사업자 등록증</th>
+          <td v-show="bizrAuthYn !== 'Y'">
+              <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
+            <div class="attach" v-show="fileType === 1">
+              <p class="essential list"><span>*</span>사업자등록증</p>
+              <input type="file" ref="businessFile" style="display: none" @change="readBusinessFile"
+                     accept=".jpg,.png,.pdf,.tiff"/>
+              <button class="button btn-p2color" @click="$refs.businessFile.click()">파일업로드</button>
+              <p class="file" id="businessNm"></p>
+            </div>
+
            <div class="attach" v-show="fileType === 2">
              <p class="essential list"><span>*</span>사업자등록증</p>
              <input type="file" ref="otherBusinessFile" style="display: none" @change="readOtherBusinessFile"
@@ -100,23 +153,31 @@
              <button class="button btn-p2color" @click="$refs.otherBusinessFile.click()">파일업로드</button>
              <p class="file" id="otherBusinessNm"></p>
            </div>
-            <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
-          </td>
-        </tr>
-        <tr>
-          <th>사업자 등록증</th>
-          <td v-show="bizrAuthYn !== 'Y'">
-            <div class="attach">
-              <p class="essential list"><span>*</span>사업자등록증</p>
-              <input type="file" ref="businessFile" style="display: none" @change="readBusinessFile"
-                     accept=".jpg,.png,.pdf,.tiff"/>
-              <button class="button btn-p2color" @click="$refs.businessFile.click()">파일업로드</button>
-              <p class="file" id="businessNm"></p>
-            </div>
-            <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
          </td>
+          
          <td class="red" v-show="bizrAuthYn === 'Y'">인증 완료</td>
        </tr>
+        <tr v-show="bizrAuthYn !== 'Y'">
+          <th>본인확인</th>
+          <td>
+              <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
+            <div class="attach">
+              <p class="essential list"><span></span>신분증</p>
+              <input type="file" ref="identificationCardFile" style="display: none" @change="readIdentificationCardFile"
+                     accept=".jpg,.png,.pdf,.tiff"/>
+              <button class="button btn-p2color" @click="$refs.identificationCardFile.click()">파일업로드</button>
+              <p class="file" id="identificationCardNm"></p>
+            </div>
+
+            <div class="attach">
+              <p class="essential list"><span></span>재직증명서</p>
+              <input type="file" ref="identificationEvidenceFile" style="display: none" @change="readIdentificationEvidenceFile"
+                     accept=".jpg,.png,.pdf,.tiff"/>
+              <button class="button btn-p2color" @click="$refs.identificationEvidenceFile.click()">파일업로드</button>
+              <p class="file" id="identificationEvidenceNm"></p>
+            </div>
+          </td>
+        </tr>
        </tbody>
      </table>
      <div class="popup-btn2">
@@ -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<result.data.list.length; i++){
@@ -529,7 +796,6 @@ export default {
                  }
                  this.row.failMsg = failMsg
                  this.$parent.$refs.commmonModal.sendNumFailMsgOpen(this.row);
-                }
              }
              this.toComplete()
            }else if(result != null && result.retCode == "4021") {              
@@ -599,12 +865,7 @@ export default {
            this.$parent.$refs.commmonModal.alertModalOpen(this.row);
            return false
          }
-          if (this.tenureFile == null) {
-            this.row.title = '발신번호 등록';
-            this.row.msg1 = '재직증명서 파일을 업로드 하세요.';
-            this.$parent.$refs.commmonModal.alertModalOpen(this.row);
-            return false
-          }
+
          if (this.businessFile == null) {
            this.row.title = '발신번호 등록';
            this.row.msg1 = '사업자등록증 파일을 업로드 하세요.';
@@ -613,33 +874,33 @@ export default {
          }

        } else {
-          if (this.trustFile == null) {
+          if (this.delegationFile == null) {
            this.row.title = '발신번호 등록';
-            this.row.msg1 = '위임-수임관계 확인 서류 파일을 업로드 하세요.';
+            this.row.msg1 = '위임-수임사간 관계 확인 문서 파일을 업로드 하세요.';
            this.$parent.$refs.commmonModal.alertModalOpen(this.row);
            return false
          }
-          if (this.warrantFile == null) {
+          if (this.attorneyFile == null) {
            this.row.title = '발신번호 등록';
            this.row.msg1 = '위임장 파일을 업로드 하세요.';
            this.$parent.$refs.commmonModal.alertModalOpen(this.row);
            return false
          }
-          if (this.deputyFile == null) {
+          if (this.corporateCertificateFile == null) {
            this.row.title = '발신번호 등록';
-            this.row.msg1 = '대리인 신분증 사본 인증 파일을 업로드 하세요.';
+            this.row.msg1 = '법인인감증명서 파일을 업로드 하세요.';
            this.$parent.$refs.commmonModal.alertModalOpen(this.row);
            return false
          }
-          if (this.communicationFile == null) {
+          if (this.delegatedBusinessFile == null) {
            this.row.title = '발신번호 등록';
-            this.row.msg1 = '통신서비스 이용증명원 파일을 업로드 하세요.';
+            this.row.msg1 = '위임사 사업자등록증 파일을 업로드 하세요.';
            this.$parent.$refs.commmonModal.alertModalOpen(this.row);
            return false
          }
-          if (this.tenureFile == null) {
+          if (this.authorizedBusinessFile == null) {
            this.row.title = '발신번호 등록';
-            this.row.msg1 = '재직증명서 파일을 업로드 하세요.';
+            this.row.msg1 = '수임사 사업자등록증 파일을 업로드 하세요.';
            this.$parent.$refs.commmonModal.alertModalOpen(this.row);
            return false
          }
@@ -649,12 +910,6 @@ export default {
            this.$parent.$refs.commmonModal.alertModalOpen(this.row);
            return false
          }
-          if (this.businessFile == null) {
-            this.row.title = '발신번호 등록';
-            this.row.msg1 = '사업자등록증 파일을 업로드 하세요.';
-            this.$parent.$refs.commmonModal.alertModalOpen(this.row);
-            return false
-          }
        }
      }
      return true;
--- a/frontend/src/modules/sendNumMgt/service/sendNumMgtApi.js
+++ b/frontend/src/modules/sendNumMgt/service/sendNumMgtApi.js
@@ -1,4 +1,5 @@
 import httpClient from '@/common/http-client';
+import axios from 'axios';

 // 공통 코드.
 const getCommCode = (params) => {
@@ -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
 }
--- a/frontend/src/modules/sendNumMgt/views/ApprList.vue
+++ b/frontend/src/modules/sendNumMgt/views/ApprList.vue
@@ -21,7 +21,7 @@
            <input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model.trim="grid.params.searchText1"
                   @keypress="onlyNum" @input="onlyNum" maxlength="10" @keyup.enter="search"/>
          </div>
-          <div class="select_box id">
+          <div class="select_box">
            <label for="right" class="label">명의자 구분</label>
            <select name="" id="" v-model="searchType2" @keyup.enter="search">
              <option value="">전체</option>
--- a/frontend/src/modules/sendNumMgt/views/NumberList.vue
+++ b/frontend/src/modules/sendNumMgt/views/NumberList.vue
@@ -33,7 +33,7 @@
              <option value="02">어드민</option>
            </select>
          </div>
-          <div class="select_box id">
+          <div class="select_box">
            <label for="right" class="label">상세검색</label>
            <select name="" id="category" v-model="searchType4" @keyup.enter="search">
              <option value="regNo">발신번호</option>
--- a/frontend/src/modules/sendNumMgt/views/ProfileList.vue
+++ b/frontend/src/modules/sendNumMgt/views/ProfileList.vue
@@ -17,7 +17,7 @@
            <option value="D">삭제</option>
          </select>
        </div>
-        <div class="select_box id">
+        <div class="select_box">
          <label for="searchType" class="label">상세검색</label>
          <select name="" id="searchType" v-model="searchType2" @keyup.enter="search">
            <option value="custNm">고객사명</option>
@@ -25,7 +25,7 @@
            <option value="sendProfile">발신프로필</option>
          </select>
        </div>
-        <div class="input_box id">
+        <div class="input_box">
          <label for="search" class="label">검색어</label>
          <input class="search-box" type="text" id="search" placeholder="검색어 입력" v-model.trim="grid.params.searchText1"
                 maxlength="100" @keyup.enter="search"/>