발신번호 관리 임시

frontend/src/modules/sendNumMgt/components/NumberRegPop.vue

@@ -49,6 +49,7 @@
               <label for="popup_radio6">타사업자</label>
             </td>
           </tr>
+          
           <tr>
             <th>발신번호</th>
             <td>
@@ -80,149 +81,6 @@
               </div>
             </td>
           </tr>
-          <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="delegationFile"
-                  style="display: none"
-                  @change="readDelegationFile"
-                  accept=".jpg,.png,.pdf,.tiff"
-                />
-                <button class="button grey" @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="attorneyFile"
-                  style="display: none"
-                  @change="readAttorneyFile"
-                  accept=".jpg,.png,.pdf,.tiff"
-                />
-                <button class="button grey" @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="corporateCertificateFile" style="display: none" @change="readCorporateCertificateFile"
-                     accept=".jpg,.png,.pdf,.tiff"/>
-              <button class="button grey" @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 grey" @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 grey" @click="$refs.authorizedBusinessFile.click()">파일업로드</button>
-                <p class="file" id="authorizedBusinessNm"></p>
-              </div>
-
-              <div class="attach">
-                <p v-if="fileType === 1" class="essential list"><span>*</span>통신서비스 이용증명원</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 grey" @click="$refs.communicationFile.click()">파일업로드</button>
-                <p class="file" id="communicationNm"></p>
-              </div>
-
-              <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 grey" @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 grey" @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 grey" @click="$refs.delegatedIdentificationFile.click()">파일업로드</button>
-                <p class="file" id="delegatedIdentificationNm"></p>
-              </div>
-
-              <div class="attach" v-show="fileType === 2">
-                <p class="essential list"><span></span>수임사 대리인 재직증명서(임직원 신청시)</p>
-                <input
-                  type="file"
-                  ref="commDeputyCertificateFile"
-                  style="display: none"
-                  @change="readCommDeputyCertificateFile"
-                  accept=".jpg,.png,.pdf,.tiff"
-                />
-                <button class="button grey" @click="$refs.commDeputyCertificateFile.click()">파일업로드</button>
-                <p class="file" id="commDeputyCertificateNm"></p>
-              </div>
-
-              <div class="attach" v-show="fileType === 2">
-                <p class="essential list"><span></span>수임사 대리인 신분증(임직원 신청시)</p>
-                <input
-                  type="file"
-                  ref="commDeputyIdFile"
-                  style="display: none"
-                  @change="readCommDeputyIdFile"
-                  accept=".jpg,.png,.pdf,.tiff"
-                />
-                <button class="button grey" @click="$refs.commDeputyIdFile.click()">파일업로드</button>
-                <p class="file" id="commDeputyIdNm"></p>
-              </div>
-            </td>
-          </tr>
           <tr>
             <th>사업자 등록증</th>
             <td v-show="bizrAuthYn !== 'Y'">
@@ -256,23 +114,27 @@
 
             <td class="red" v-show="bizrAuthYn === 'Y'">인증 완료</td>
           </tr>
-          <tr v-show="bizrAuthYn !== 'Y'">
-            <th>본인확인</th>
+          <tr>
+            <th>통신서비스 이용증명원</th>
             <td>
-              <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
               <div class="attach">
-                <p class="essential list"><span></span>신분증</p>
+                <p v-if="fileType === 1" class="essential list"><span>*</span>통신서비스 이용증명원</p>
+                <p v-if="fileType === 2" class="essential list">발신번호의 통신서비스 이용증명원</p>
                 <input
                   type="file"
-                  ref="identificationCardFile"
+                  ref="communicationFile"
                   style="display: none"
-                  @change="readIdentificationCardFile"
+                  @change="readCommunicationFile"
                   accept=".jpg,.png,.pdf,.tiff"
                 />
-                <button class="button grey" @click="$refs.identificationCardFile.click()">파일업로드</button>
-                <p class="file" id="identificationCardNm"></p>
+                <button class="button grey" @click="$refs.communicationFile.click()">파일업로드</button>
+                <p class="file" id="communicationNm"></p>
               </div>
-
+            </td>
+          </tr>
+          <tr>
+            <th>재직증명서(임직원 신청시)</th>
+            <td>
               <div class="attach">
                 <p class="essential list"><span></span>재직증명서</p>
                 <input
@@ -287,6 +149,154 @@
               </div>
             </td>
           </tr>
+          <tr v-show="bizrAuthYn !== 'Y' && fileType === 2">
+            <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="attorneyFile"
+                  style="display: none"
+                  @change="readAttorneyFile"
+                  accept=".jpg,.png,.pdf,.tiff"
+                />
+                <button class="button grey" @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="delegationFile"
+                  style="display: none"
+                  @change="readDelegationFile"
+                  accept=".jpg,.png,.pdf,.tiff"
+                />
+                <button class="button grey" @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="corporateCertificateFile" style="display: none" @change="readCorporateCertificateFile"
+                     accept=".jpg,.png,.pdf,.tiff"/>
+              <button class="button grey" @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 grey" @click="$refs.delegatedBusinessFile.click()">파일업로드</button>
+                <p class="file" id="delegatedBusinessNm"></p>
+              </div>
+
+              <!-- 2023.04.25 삭제 <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 grey" @click="$refs.authorizedBusinessFile.click()">파일업로드</button>
+                <p class="file" id="authorizedBusinessNm"></p>
+              </div> -->
+
+              <!-- 2023.04.25 삭제 <div class="attach">
+                <p v-if="fileType === 1" class="essential list"><span>*</span>통신서비스 이용증명원</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 grey" @click="$refs.communicationFile.click()">파일업로드</button>
+                <p class="file" id="communicationNm"></p>
+              </div> -->
+
+              <!-- 2023.04.25 삭제<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 grey" @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="delegatedIdentificationFile"
+                  style="display: none"
+                  @change="readDelegatedIdentificationFile"
+                  accept=".jpg,.png,.pdf,.tiff"
+                />
+                <button class="button grey" @click="$refs.delegatedIdentificationFile.click()">파일업로드</button>
+                <p class="file" id="delegatedIdentificationNm"></p>
+              </div>
+
+              <div class="attach" v-show="fileType === 2">
+                <p class="essential list"><span></span>수임업체 대리인 신분증 사본(임직원 신청시)</p>
+                <input
+                  type="file"
+                  ref="commDeputyIdFile"
+                  style="display: none"
+                  @change="readCommDeputyIdFile"
+                  accept=".jpg,.png,.pdf,.tiff"
+                />
+                <button class="button grey" @click="$refs.commDeputyIdFile.click()">파일업로드</button>
+                <p class="file" id="commDeputyIdNm"></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 grey" @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="commDeputyCertificateFile"
+                  style="display: none"
+                  @change="readCommDeputyCertificateFile"
+                  accept=".jpg,.png,.pdf,.tiff"
+                />
+                <button class="button grey" @click="$refs.commDeputyCertificateFile.click()">파일업로드</button>
+                <p class="file" id="commDeputyCertificateNm"></p>
+              </div>
+
+              
+            </td>
+          </tr>
         </tbody>
       </table>
       <div class="popup-btn2">
@@ -495,11 +505,11 @@ export default {
       }
 
       // 신분증 (본인확인)
-      this.$refs.identificationCardFile.value = null;
+      /*this.$refs.identificationCardFile.value = null;
       element = document.getElementById('identificationCardNm');
       while (element.firstChild) {
         element.removeChild(element.firstChild);
-      }
+      }*/
 
       // 재직증명서 (본인확인)
       this.$refs.identificationEvidenceFile.value = null;
@@ -1059,7 +1069,7 @@ export default {
               this.communicationFile,
               this.tenureFile,
               this.businessFile,
-              this.identificationCardFile,
+              // this.identificationCardFile,
               this.identificationEvidenceFile,
               this.adminId,
               this.custNm,