From 4b8f8beff9138491d6e46ff4e581910592e23943 Mon Sep 17 00:00:00 2001
From: kimjhjjang <kimjhjjang@gmail.com>
Date: Fri, 14 Oct 2022 09:40:57 +0900
Subject: [PATCH] =?UTF-8?q?=EC=96=B4=EB=93=9C=EB=AF=BC=20->=20=EC=B2=AD?=
 =?UTF-8?q?=EC=95=BD=EA=B3=A0=EA=B0=9D=EA=B4=80=EB=A6=AC=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20:=20=EC=82=AC=EC=9A=A9=EC=9E=90=20=EB=8D=B0?=
 =?UTF-8?q?=EC=9D=B4=ED=84=B0=20->=20=EB=8B=B4=EB=8B=B9=EC=9E=90=20?=
 =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=84=B0=20/=20=EC=82=AC=EC=9A=A9=EC=9E=90?=
 =?UTF-8?q?=EB=AA=85=20->=20=EB=8B=B4=EB=8B=B9=EC=9E=90=EB=AA=85=20(?=
 =?UTF-8?q?=EB=AC=B8=EA=B5=AC=20=EC=88=98=EC=A0=95)=20=EA=B3=A0=EA=B0=9D?=
 =?UTF-8?q?=EC=82=AC=EB=AA=85=20=EC=97=94=ED=8B=B0=ED=8B=B0=EC=BD=94?=
 =?UTF-8?q?=EB=93=9C=20=EB=85=B8=EC=B6=9C=EB=90=98=EB=8A=94=20=EB=B6=80?=
 =?UTF-8?q?=EB=B6=84=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/modules/custMgt/views/SubsDetail.vue  | 325 +++++++------
 .../sendNumMgt/components/ApprDetailPop.vue   | 439 ++++++++++--------
 .../sendNumMgt/components/NumberDetailPop.vue | 349 +++++++-------
 3 files changed, 603 insertions(+), 510 deletions(-)

diff --git a/frontend/src/modules/custMgt/views/SubsDetail.vue b/frontend/src/modules/custMgt/views/SubsDetail.vue
index 29e0dae..fb76557 100644
--- a/frontend/src/modules/custMgt/views/SubsDetail.vue
+++ b/frontend/src/modules/custMgt/views/SubsDetail.vue
@@ -12,51 +12,51 @@
         <!--					<form autocomplete="off">-->
         <table>
           <colgroup>
-            <col style="width:140px">
-            <col style="width:auto">
-            <col style="width:auto">
-            <col style="width:140px">
-            <col style="width:auto">
-            <col style="width:auto">
+            <col style="width: 140px" />
+            <col style="width: auto" />
+            <col style="width: auto" />
+            <col style="width: 140px" />
+            <col style="width: auto" />
+            <col style="width: auto" />
           </colgroup>
           <tbody>
-          <tr class="tr_input w75">
-            <th>고객사명</th>
-            <td colspan="2"><input type="text" disabled v-model="custNm"></td>
-          </tr>
-          <tr class="tr_input w75">
-            <th>대표자명</th>
-            <td colspan="2"><input type="text" disabled v-model="reprNm"></td>
-            <th>사용자 구분</th>
-            <td colspan="2"><input type="text" disabled v-model="custType"></td>
-          </tr>
-          <tr class="tr_input">
-            <th>사업장 주소</th>
-            <td colspan="5">
-              <div class="input-address">
-                <input type="text" disabled v-model="adr1">
-                <input type="text" disabled v-model="adr2">
-                <input type="text" disabled v-model="adr3">
-              </div>
-            </td>
-          </tr>
-          <tr class="tr_input">
-            <th>사업자등록번호</th>
-            <td colspan="2">
-              <div class="input-bnumber">
-                <input type="text" disabled v-model="bregNo1">
-                <input type="text" disabled v-model="bregNo2">
-                <input type="text" disabled v-model="bregNo3">
-              </div>
-            </td>
-            <th>법인등록번호</th>
-            <td colspan="2">
-              <div class="input-double">
-                <input type="text" disabled v-model="cprRegNo1">
-                <input type="text" disabled v-model="cprRegNo2">
-              </div>
-            </td>
-          </tr>
+            <tr class="tr_input w75">
+              <th>고객사명</th>
+              <td colspan="2"><input type="text" disabled v-model="custNm" /></td>
+            </tr>
+            <tr class="tr_input w75">
+              <th>대표자명</th>
+              <td colspan="2"><input type="text" disabled v-model="reprNm" /></td>
+              <th>사용자 구분</th>
+              <td colspan="2"><input type="text" disabled v-model="custType" /></td>
+            </tr>
+            <tr class="tr_input">
+              <th>사업장 주소</th>
+              <td colspan="5">
+                <div class="input-address">
+                  <input type="text" disabled v-model="adr1" />
+                  <input type="text" disabled v-model="adr2" />
+                  <input type="text" disabled v-model="adr3" />
+                </div>
+              </td>
+            </tr>
+            <tr class="tr_input">
+              <th>사업자등록번호</th>
+              <td colspan="2">
+                <div class="input-bnumber">
+                  <input type="text" disabled v-model="bregNo1" />
+                  <input type="text" disabled v-model="bregNo2" />
+                  <input type="text" disabled v-model="bregNo3" />
+                </div>
+              </td>
+              <th>법인등록번호</th>
+              <td colspan="2">
+                <div class="input-double">
+                  <input type="text" disabled v-model="cprRegNo1" />
+                  <input type="text" disabled v-model="cprRegNo2" />
+                </div>
+              </td>
+            </tr>
           </tbody>
         </table>
         <!--					</form>-->
@@ -67,98 +67,98 @@
       <div class="table table_form">
         <table>
           <colgroup>
-            <col style="width:140px">
-            <col style="width:auto">
-            <col style="width:auto">
-            <col style="width:140px">
-            <col style="width:auto">
-            <col style="width:auto">
+            <col style="width: 140px" />
+            <col style="width: auto" />
+            <col style="width: auto" />
+            <col style="width: 140px" />
+            <col style="width: auto" />
+            <col style="width: auto" />
           </colgroup>
           <tbody>
-          <tr class="tr_input w75">
-            <th>가입일</th>
-            <td colspan="2"><input type="text" disabled v-model="subsDt"></td>
-            <th>상태</th>
-            <td colspan="2">
-              <input type="text" disabled v-model="stat">
-            </td>
-          </tr>
-          <tr class="tr_input w75">
-            <th>요금제</th>
-            <td colspan="2"><input type="text" disabled v-model="plan"></td>
-            <th>가입번호</th>
-            <td colspan="2"><input type="text" disabled v-model="subsNo"></td>
-          </tr>
-          <tr class="tr_input w75">
-            <th>관리자명</th>
-            <td colspan="2">
-              <div class="input-double">
-                <input type="text" disabled v-model="adminId">
-                <input type="text" disabled v-model="adminNm">
-                <button type="button" class="button grey btn-a" @click="searchIDPopOpen">변경</button>
-              </div>
-            </td>
-            <th>유치자명</th>
-            <td colspan="2">
-              <div class="input-double">
-                <input type="text" disabled v-model="channelId">
-                <input type="text" disabled v-model="channelNm">
-              </div>
-            </td>
-          </tr>
+            <tr class="tr_input w75">
+              <th>가입일</th>
+              <td colspan="2"><input type="text" disabled v-model="subsDt" /></td>
+              <th>상태</th>
+              <td colspan="2">
+                <input type="text" disabled v-model="stat" />
+              </td>
+            </tr>
+            <tr class="tr_input w75">
+              <th>요금제</th>
+              <td colspan="2"><input type="text" disabled v-model="plan" /></td>
+              <th>가입번호</th>
+              <td colspan="2"><input type="text" disabled v-model="subsNo" /></td>
+            </tr>
+            <tr class="tr_input w75">
+              <th>관리자명</th>
+              <td colspan="2">
+                <div class="input-double">
+                  <input type="text" disabled v-model="adminId" />
+                  <input type="text" disabled v-model="adminNm" />
+                  <button type="button" class="button grey btn-a" @click="searchIDPopOpen">변경</button>
+                </div>
+              </td>
+              <th>유치자명</th>
+              <td colspan="2">
+                <div class="input-double">
+                  <input type="text" disabled v-model="channelId" />
+                  <input type="text" disabled v-model="channelNm" />
+                </div>
+              </td>
+            </tr>
           </tbody>
         </table>
       </div>
       <div class="info">
-        <div class="title">사용자 데이터</div>
+        <div class="title">담당자 데이터</div>
       </div>
       <div class="table table_form">
         <form autocomplete="off">
           <table>
             <colgroup>
-              <col style="width:140px">
-              <col style="width:auto">
-              <col style="width:auto">
-              <col style="width:140px">
-              <col style="width:auto">
-              <col style="width:auto">
+              <col style="width: 140px" />
+              <col style="width: auto" />
+              <col style="width: auto" />
+              <col style="width: 140px" />
+              <col style="width: auto" />
+              <col style="width: auto" />
             </colgroup>
             <tbody>
-            <tr class="tr_input w75">
-              <th>서비스 ID</th>
-              <td colspan="2"><input type="text" disabled v-model="serviceId"></td>
-              <th>이용권한</th>
-              <td colspan="2"><input type="text" disabled v-model="useAuth"></td>
-            </tr>
-            <tr class="tr_input w75">
-              <th>사용자명</th>
-              <td colspan="2"><input type="text" disabled v-model="userNm"></td>
-              <th>휴대폰 번호</th>
-              <td colspan="2"><input type="text" disabled v-model="mdn"></td>
-            </tr>
-            <tr class="tr_input w75">
-              <th>이월누적금액</th>
-              <td colspan="2">
-                <div class="input-double button-double">
-                  <input type="text" disabled v-model="carryOver">
-                  <button type="button" class="button grey" @click="carryOverListPopOpen();">이월금액보기</button>
-                </div>
-              </td>
-              <th>사용자ID 개수</th>
-              <td colspan="2">
-                <div class="input-double button-double">
-                  <input type="text" disabled v-model="userCnt">
-                  <button type="button" class="button grey" @click="goMemberDetail">사용자ID 확인</button>
-                </div>
-              </td>
-            </tr>
+              <tr class="tr_input w75">
+                <th>서비스 ID</th>
+                <td colspan="2"><input type="text" disabled v-model="serviceId" /></td>
+                <th>이용권한</th>
+                <td colspan="2"><input type="text" disabled v-model="useAuth" /></td>
+              </tr>
+              <tr class="tr_input w75">
+                <th>담당자명</th>
+                <td colspan="2"><input type="text" disabled v-model="userNm" /></td>
+                <th>휴대폰 번호</th>
+                <td colspan="2"><input type="text" disabled v-model="mdn" /></td>
+              </tr>
+              <tr class="tr_input w75">
+                <th>이월누적금액</th>
+                <td colspan="2">
+                  <div class="input-double button-double">
+                    <input type="text" disabled v-model="carryOver" />
+                    <button type="button" class="button grey" @click="carryOverListPopOpen()">이월금액보기</button>
+                  </div>
+                </td>
+                <th>사용자ID 개수</th>
+                <td colspan="2">
+                  <div class="input-double button-double">
+                    <input type="text" disabled v-model="userCnt" />
+                    <button type="button" class="button grey" @click="goMemberDetail">사용자ID 확인</button>
+                  </div>
+                </td>
+              </tr>
             </tbody>
           </table>
         </form>
       </div>
       <div class="pop-btn2">
-        <button class="btn-pcolor" type="button" @click="confirmPopOpen();">저장</button>
-        <button class="btn-default" type="button" @click="toComplete();">취소</button>
+        <button class="btn-pcolor" type="button" @click="confirmPopOpen()">저장</button>
+        <button class="btn-default" type="button" @click="toComplete()">취소</button>
       </div>
 
       <!--이월금액 모달.-->
@@ -167,24 +167,21 @@
       <validation-confirm-pop ref="validationConfirmPop"></validation-confirm-pop>
       <!--관리자명 조회 모달-->
       <common-modal ref="commmonModal"></common-modal>
-
     </div>
     <admin-nm-pop ref="adminNmPop"></admin-nm-pop>
   </div>
-
 </template>
 
 <script>
-import api from '@/service/api';
-import custMgtApi from "../service/custMgtApi.js";
+import custMgtApi from '../service/custMgtApi.js';
 import CarryOverListPop from '../components/CarryOverListPop';
 import ValidationConfirmPop from '../components/ValidationConfirmPop';
 import AdminNmPop from '../components/AdminNmPop';
-import commonModal from "../components/commonModal";
+import commonModal from '../components/commonModal';
 //import { mapGetters } from 'vuex';
 
 export default {
-  name: "subsDetail",
+  name: 'subsDetail',
   data() {
     return {
       row: {},
@@ -218,12 +215,12 @@ export default {
       userCnt: '',
       saveConfirm: false,
       props: {},
-    }
+    };
   },
   props: {
     serviceId: {
       type: String,
-      default: "",
+      default: '',
     },
   },
   components: {
@@ -231,12 +228,12 @@ export default {
     ValidationConfirmPop,
     AdminNmPop,
     commonModal,
-    
   },
   created() {
-    this.$store.commit("login/isLogin", true);    
-    
-    if(this.$route.params.serviceId != null){ // 리스트에서 상세 호출시
+    this.$store.commit('login/isLogin', true);
+
+    if (this.$route.params.serviceId != null) {
+      // 리스트에서 상세 호출시
       this.$store.commit('dataStore/updateDataStore', this.$route.params.serviceId);
       this.subsDetail(this.$route.params.serviceId);
       //this.setMenuActive();
@@ -251,14 +248,14 @@ export default {
     //     //$router.push({ path: '/custMgt/subsList', params:  })
     //   //}
     //   this.subsDetail(serviceId);
-    // }    
+    // }
   },
-  
-  destroyed() {    
+
+  destroyed() {
     this.$store.commit('dataStore/updateDataStore', '');
   },
   methods: {
-    callAlert(props) {      
+    callAlert(props) {
       this.$refs.commmonModal.alertModalOpen(props);
     },
     doValidate() {
@@ -275,17 +272,17 @@ export default {
       this.row.page = 1;
       this.row.serviceId = this.$route.params.serviceId;
       console.log(this.row);
-      this.$router.push({name: 'subsList', params: this.row});
-    },    
+      this.$router.push({ name: 'subsList', params: this.row });
+    },
     async subsDetail(serviceId) {
       this.row.serviceId = serviceId;
-      
-      try { 
+
+      try {
         const response = await custMgtApi.subsDetail(this.row);
         const result = response.data;
-        if (result != null && result.retCode == "0000") {
+        if (result != null && result.retCode == '0000') {
           //데이터값이 널이면 오류처리
-          this.custNm = result.data.custNm;
+          this.custNm = this.fromHtmlEntities(result.data.custNm);
           this.reprNm = result.data.reprNm;
           this.custType = result.data.custType;
           this.adr1 = result.data.adr1;
@@ -318,17 +315,16 @@ export default {
             this.cprRegNo1 = this.cprRegNo.substr(0, 6);
             this.cprRegNo2 = this.cprRegNo.substr(6);
           }
-        }else{                
+        } else {
           this.row.title = '청약고객관리';
           this.row.msg1 = '실패 하였습니다.';
-          this.$refs.commmonModal.alertModalOpen(this.row);            
+          this.$refs.commmonModal.alertModalOpen(this.row);
         }
       } catch (error) {
         this.row.title = '청약고객관리';
         this.row.msg1 = '실패 하였습니다.';
         this.$refs.commmonModal.alertModalOpen(this.row);
       }
-
     },
 
     // updateAdminInfo 청약고객-사용정보-관리자ID,관리자명 수정
@@ -340,7 +336,7 @@ export default {
       try {
         const response = await custMgtApi.updateAdminInfo(this.row);
         const result = response.data;
-        if (result != null && result.retCode == "0000") {
+        if (result != null && result.retCode == '0000') {
           this.row.title = '청약고객관리';
           this.row.msg1 = '저장 하였습니다.';
           this.$refs.commmonModal.alertModalOpen(this.row);
@@ -355,49 +351,50 @@ export default {
         this.row.msg1 = '실패 하였습니다.';
         this.$refs.commmonModal.alertModalOpen(this.row);
       }
-
     },
     carryOverListPopOpen: function () {
       this.$refs.carryOverListPop.carryOverListPopOpen(this.serviceId);
     },
     confirmPopOpen: function () {
-      if (this.doValidate()) {        
-        this.$refs.validationConfirmPop.confirmUpdateSubOpen();        
+      if (this.doValidate()) {
+        this.$refs.validationConfirmPop.confirmUpdateSubOpen();
       }
-
     },
-    confirmCalbackFnc: function (props) {
+    /* confirmCalbackFnc: function (props) {
       if (props.result) {
       }
-    },
+    }, */
     searchIDPopOpen: function () {
       var params = {
-        "serviceId": this.serviceId,
-        "serviceSeq": '',
-        "parentDiv": 'subsDetail'
-      }
+        serviceId: this.serviceId,
+        serviceSeq: '',
+        parentDiv: 'subsDetail',
+      };
       this.$refs.adminNmPop.ModalOpen(params);
     },
-    goMemberDetail: function (props) {
-      this.$router.push({name: 'memberAdminDetail', params: {serviceId: this.row.serviceId}});
+    goMemberDetail: function () {
+      this.$router.push({ name: 'memberAdminDetail', params: { serviceId: this.row.serviceId } });
     },
 
     // 메뉴 활성화
-    setMenuActive(){      
+    setMenuActive() {
       const activedMenu = document.querySelectorAll('.main_menu .is-current');
       activedMenu[0].classList.remove('is-current');
       const nowMenu = document.querySelectorAll('.customer');
       nowMenu[0].classList.add('is-current');
-      
+
       //menuList.classList.add('is-current');
     },
 
     // 조회후 모달창 닫기
-    checkFocus(){
+    checkFocus() {
       this.$router.go(-1);
-    }
-  }
-}
-
-
-</script>
\ No newline at end of file
+    },
+    fromHtmlEntities(str) {
+      return (str + '').replace(/&#\d+;/gm, function (s) {
+        return String.fromCharCode(s.match(/\d+/gm)[0]);
+      });
+    },
+  },
+};
+</script>
diff --git a/frontend/src/modules/sendNumMgt/components/ApprDetailPop.vue b/frontend/src/modules/sendNumMgt/components/ApprDetailPop.vue
index 890ba95..27ce58e 100644
--- a/frontend/src/modules/sendNumMgt/components/ApprDetailPop.vue
+++ b/frontend/src/modules/sendNumMgt/components/ApprDetailPop.vue
@@ -1,204 +1,268 @@
 <template>
-	<!-- <div class="wrap bg-wrap"> -->
-	<div>
-		<div class="dimmed modal55" @click="apprDetailPopClose"></div>
+  <!-- <div class="wrap bg-wrap"> -->
+  <div>
+    <div class="dimmed modal55" @click="apprDetailPopClose"></div>
     <div class="popup-wrap modal55">
-    <!-- 발신번호 상세 (타사업자)-->
+      <!-- 발신번호 상세 (타사업자)-->
       <div class="popup modal55 popup_form">
         <div class="pop-head">
           <h3 class="pop-tit">발신번호 승인 요청 내역</h3>
         </div>
         <table>
           <tbody>
-          <tr>
-            <th>요청일</th>
-            <td>{{ regDt }}</td>
-          </tr>
-          <tr v-show="cmpltDt !== '' && cmpltDt !== null">
-            <th>완료일</th>
-            <td>{{ cmpltDt }}</td>
-          </tr>
-          <tr>
-            <th>관리자 ID</th>
-            <td>{{ adminId }}</td>
-          </tr>
-          <tr>
-            <th>고객사명</th>
-            <td>{{ custNm }}</td>
-          </tr>
-          <tr>
-            <th>사업자번호</th>
-            <td>{{ bizrno }}</td>
-          </tr>
-          <tr>
-            <th>명의자 구분</th>
-            <td>{{ nmineeDivCd }}</td>
-          </tr>
-          <tr>
-            <th class="two-tit">본인인증 휴대폰번호</th>
-            <td>{{ slfAuthHp }}</td>
-          </tr>
-          <tr>
-            <th>발신번호</th>
-            <td class="sender">
-              <div class="sender-head">
-                <div class="count">
-                  총<span>{{ numList.length }}</span>건
-                </div>
-                <div class="radio_group">
-                  <input type="radio" name="state" ref="apprRadio" value="02" id="popup_radio13" @change="allApprSttus($event)">
-                  <label for="popup_radio13">전체승인</label>
-                  <input type="radio" name="state" ref="rejRadio" value="03" id="popup_radio14" @change="allApprSttus($event)">
-                  <label for="popup_radio14">전체반려</label>
-                </div>
-              </div>
-              <ul>
-                <li v-for="(item, idx) in numList">{{idx+1}}. {{ item.sndrno }}
-                  <div class="select-btn">
-                    <button :class="{'btn-pcolor' : item.sttusCd === '02', 'btn-default' : item.sttusCd === '01' || item.sttusCd === '03'}" @click="change(idx, '02')">승인</button>
-                    <button :class="{'btn-pcolor' : item.sttusCd === '03', 'btn-default' : item.sttusCd === '01' || item.sttusCd === '02'}" @click="change(idx, '03')">반려</button>
+            <tr>
+              <th>요청일</th>
+              <td>{{ regDt }}</td>
+            </tr>
+            <tr v-show="cmpltDt !== '' && cmpltDt !== null">
+              <th>완료일</th>
+              <td>{{ cmpltDt }}</td>
+            </tr>
+            <tr>
+              <th>관리자 ID</th>
+              <td>{{ adminId }}</td>
+            </tr>
+            <tr>
+              <th>고객사명</th>
+              <td>{{ custNm }}</td>
+            </tr>
+            <tr>
+              <th>사업자번호</th>
+              <td>{{ bizrno }}</td>
+            </tr>
+            <tr>
+              <th>명의자 구분</th>
+              <td>{{ nmineeDivCd }}</td>
+            </tr>
+            <tr>
+              <th class="two-tit">본인인증 휴대폰번호</th>
+              <td>{{ slfAuthHp }}</td>
+            </tr>
+            <tr>
+              <th>발신번호</th>
+              <td class="sender">
+                <div class="sender-head">
+                  <div class="count">
+                    총<span>{{ numList.length }}</span
+                    >건
                   </div>
-                </li>
-              </ul>
-            </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 !== '06' && item.docTpCd !== '07' && item.docTpCd !== '13' && item.docTpCd !== '14'">{{ 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 === '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>
-            <th>메모</th>
-            <td class="sender"><textarea class="memo_text" v-model="memo">{{memo}}</textarea></td>
-          </tr>
+                  <div class="radio_group">
+                    <input
+                      type="radio"
+                      name="state"
+                      ref="apprRadio"
+                      value="02"
+                      id="popup_radio13"
+                      @change="allApprSttus($event)"
+                    />
+                    <label for="popup_radio13">전체승인</label>
+                    <input
+                      type="radio"
+                      name="state"
+                      ref="rejRadio"
+                      value="03"
+                      id="popup_radio14"
+                      @change="allApprSttus($event)"
+                    />
+                    <label for="popup_radio14">전체반려</label>
+                  </div>
+                </div>
+                <ul>
+                  <li v-for="(item, idx) in numList">
+                    {{ idx + 1 }}. {{ item.sndrno }}
+                    <div class="select-btn">
+                      <button
+                        :class="{
+                          'btn-pcolor': item.sttusCd === '02',
+                          'btn-default': item.sttusCd === '01' || item.sttusCd === '03',
+                        }"
+                        @click="change(idx, '02')"
+                      >
+                        승인
+                      </button>
+                      <button
+                        :class="{
+                          'btn-pcolor': item.sttusCd === '03',
+                          'btn-default': item.sttusCd === '01' || item.sttusCd === '02',
+                        }"
+                        @click="change(idx, '03')"
+                      >
+                        반려
+                      </button>
+                    </div>
+                  </li>
+                </ul>
+              </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 !== '06' && item.docTpCd !== '07' && item.docTpCd !== '13' && item.docTpCd !== '14'
+                  "
+                  >{{ 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 === '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>
+              <th>메모</th>
+              <td class="sender">
+                <textarea class="memo_text" v-model="memo">{{ memo }}</textarea>
+              </td>
+            </tr>
           </tbody>
         </table>
-      <div class="popup-btn2">
-        <button class="btn-pcolor" @click="updateSttus">저장</button>
-        <button class="btn-default" @click="apprDetailPopClose">취소</button>
+        <div class="popup-btn2">
+          <button class="btn-pcolor" @click="updateSttus">저장</button>
+          <button class="btn-default" @click="apprDetailPopClose">취소</button>
+        </div>
       </div>
-    </div>
 
       <common-modal ref="commmonModal"></common-modal>
-
     </div>
-	</div>
+  </div>
 </template>
 
 <script>
-import sendNumMgtApi from "@/modules/sendNumMgt/service/sendNumMgtApi";
-import commonModal from "@/components/modal/commonModal";
+import sendNumMgtApi from '@/modules/sendNumMgt/service/sendNumMgtApi';
+import commonModal from '@/components/modal/commonModal';
 
 export default {
-  name: "numberRegPop",
-  watch:{
-    nmineeDivCd(){
-    }
+  name: 'numberRegPop',
+  watch: {
+    nmineeDivCd() {},
   },
-  data(){
-    return{
-			row: {},
-      regReqNo:'',
-      docNo:'',
-      reqNo:'',
-      seqNo:'',
-      cmpltDt:'',
-      adminId:'',
-      custNm:'',
-      bizrno:'',
-      nmineeDivCd:'',
-      slfAuthHp:'',
-      regDt:'',
-      memo:'',
+  data() {
+    return {
+      row: {},
+      regReqNo: '',
+      docNo: '',
+      reqNo: '',
+      seqNo: '',
+      cmpltDt: '',
+      adminId: '',
+      custNm: '',
+      bizrno: '',
+      nmineeDivCd: '',
+      slfAuthHp: '',
+      regDt: '',
+      memo: '',
       docList: [],
       numList: [],
-
-    }
+    };
   },
-	components: {
+  components: {
     commonModal,
   },
-	model: {
-		prop: 'sendData',
-		event: 'event-data'
-	},
-	props: ['sendData'],
-	created(){
-		this.formReset();
+  model: {
+    prop: 'sendData',
+    event: 'event-data',
   },
-	methods :{
+  props: ['sendData'],
+  created() {
+    this.formReset();
+  },
+  methods: {
     //파일 다운로드
-    download(filePath, fileName, docTitle){
-      this.row = {}
-      this.row.docTitle = docTitle
-      this.row.filePath = filePath
-      this.row.fileNm = fileName
+    download(filePath, fileName, docTitle) {
+      this.row = {};
+      this.row.docTitle = docTitle;
+      this.row.filePath = filePath;
+      this.row.fileNm = fileName;
       sendNumMgtApi.fileDownload(this.row);
     },
-		// 모달 띄우기
-    apprDetailPopOpen(props){
-
+    // 모달 띄우기
+    apprDetailPopOpen(props) {
       var dimmed = document.getElementsByClassName('modal55');
       for (var i = 0; i < dimmed.length; i++) {
         dimmed[i].style.display = 'block';
       }
       this.apprDetail(props);
-
-		},
-    async apprDetail(props){
+    },
+    async apprDetail(props) {
       try {
-        this.row.regReqNo = props.regReqNo
-        this.row.docNo = props.docNo
+        this.row.regReqNo = props.regReqNo;
+        this.row.docNo = props.docNo;
         const response = await sendNumMgtApi.apprDetail(this.row);
         const result = response.data;
-        if (result != null && result.retCode == "0000") {
+        if (result != null && result.retCode == '0000') {
+          this.regReqNo = result.data.regReqNo;
+          this.docNo = result.data.docNo;
+          this.docTitle = result.data.docTitle;
+          this.regDt = result.data.regDt;
+          this.custNm = this.fromHtmlEntities(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.slfAuthHp = result.data.slfAuthHp;
+          this.docList = result.data.docList;
+          this.numList = result.data.numList;
+          this.memo = result.data.memo;
+          this.cmpltDt = result.data.cmpltDt;
 
-          this.regReqNo = result.data.regReqNo
-          this.docNo = result.data.docNo
-          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.slfAuthHp = result.data.slfAuthHp
-          this.docList = result.data.docList
-          this.numList = result.data.numList
-          this.memo = result.data.memo
-          this.cmpltDt = result.data.cmpltDt
-
-          var apprCnt=0;
-          var rejtCnt=0;
-          this.numList.forEach(function(value, index) {
+          var apprCnt = 0;
+          var rejtCnt = 0;
+          this.numList.forEach(function (value, index) {
             // value.sttusCd = data
-            if(value.sttusCd == '01' || value.sttusCd == '02' ){
+            if (value.sttusCd == '01' || value.sttusCd == '02') {
               apprCnt = apprCnt + 1;
-            }else if(value.sttusCd == '03'){
+            } else if (value.sttusCd == '03') {
               rejtCnt = rejtCnt + 1;
             }
           });
-          if(apprCnt == this.numList.length){
+          if (apprCnt == this.numList.length) {
             this.$refs.apprRadio.checked = true;
-          }else if(rejtCnt == this.numList.length){
+          } else if (rejtCnt == this.numList.length) {
             this.$refs.rejRadio.checked = true;
           }
-
         }
       } catch (error) {
         this.row.title = '발신번호승인';
@@ -206,54 +270,54 @@ export default {
         this.$refs.commmonModal.alertModalOpen(this.row);
       }
     },
-		// 모달 끄기
-    apprDetailPopClose(){
+    // 모달 끄기
+    apprDetailPopClose() {
       var dimmed = document.getElementsByClassName('modal55');
       for (var i = 0; i < dimmed.length; i++) {
         dimmed[i].style.display = 'none';
       }
-		},
+    },
     allApprSttus(event) {
       var data = event.target.value;
-      this.numList.forEach(function(value, index) {
-        value.sttusCd = data
+      this.numList.forEach(function (value, index) {
+        value.sttusCd = data;
       });
     },
-    change(idx, val){
-      this.numList[idx].sttusCd = val
+    change(idx, val) {
+      this.numList[idx].sttusCd = val;
       this.$refs.apprRadio.checked = false;
       this.$refs.rejRadio.checked = false;
       // radio_group 클래스 하위 라디오 박스 체크 유무 변경 필요.
-      var apprCnt=0;
-      var rejtCnt=0;
-      this.numList.forEach(function(value, index) {
-        if(value.sttusCd == '01' || value.sttusCd == '02' ){
+      var apprCnt = 0;
+      var rejtCnt = 0;
+      this.numList.forEach(function (value, index) {
+        if (value.sttusCd == '01' || value.sttusCd == '02') {
           apprCnt = apprCnt + 1;
-        }else if(value.sttusCd == '03'){
+        } else if (value.sttusCd == '03') {
           rejtCnt = rejtCnt + 1;
         }
       });
-      if(apprCnt == this.numList.length){
+      if (apprCnt == this.numList.length) {
         this.$refs.apprRadio.checked = true;
-      }else if(rejtCnt == this.numList.length){
+      } else if (rejtCnt == this.numList.length) {
         this.$refs.rejRadio.checked = true;
       }
     },
-    updateSttus(){
-      this.doSave()
+    updateSttus() {
+      this.doSave();
     },
-    async doSave(){
-      this.row.memo = this.memo
-      this.row.regReqNo = this.regReqNo
-      this.row.adminId = this.adminId
-      this.row.list = this.numList
+    async doSave() {
+      this.row.memo = this.memo;
+      this.row.regReqNo = this.regReqNo;
+      this.row.adminId = this.adminId;
+      this.row.list = this.numList;
 
-      try{
+      try {
         const response = await sendNumMgtApi.updateAppr(this.row);
         const result = response.data;
-        if (result != null && result.retCode == "0000") {
-          this.apprDetailPopClose()
-          this.$parent.search()
+        if (result != null && result.retCode == '0000') {
+          this.apprDetailPopClose();
+          this.$parent.search();
         }
       } catch (error) {
         this.row.title = '발신번호 승인';
@@ -261,9 +325,14 @@ export default {
         this.$refs.commmonModal.alertModalOpen(this.row);
       }
     },
-		formReset(){
-			Object.assign(this.$data, this.$options.data());
-		},
-	}
-}
-</script>
\ No newline at end of file
+    formReset() {
+      Object.assign(this.$data, this.$options.data());
+    },
+    fromHtmlEntities(str) {
+      return (str + '').replace(/&#\d+;/gm, function (s) {
+        return String.fromCharCode(s.match(/\d+/gm)[0]);
+      });
+    },
+  },
+};
+</script>
diff --git a/frontend/src/modules/sendNumMgt/components/NumberDetailPop.vue b/frontend/src/modules/sendNumMgt/components/NumberDetailPop.vue
index 30e7fb0..f3612ee 100644
--- a/frontend/src/modules/sendNumMgt/components/NumberDetailPop.vue
+++ b/frontend/src/modules/sendNumMgt/components/NumberDetailPop.vue
@@ -1,7 +1,7 @@
 <template>
-	<!-- <div class="wrap bg-wrap"> -->
-	<div>
-		<div class="dimmed" @click="numberDetailPopClose"></div>
+  <!-- <div class="wrap bg-wrap"> -->
+  <div>
+    <div class="dimmed" @click="numberDetailPopClose"></div>
     <!-- 발신번호 상세 (타사업자)-->
     <div class="popup modal53 popup_form register">
       <div class="pop-head">
@@ -10,78 +10,110 @@
       <form autocomplete="off">
         <table>
           <tbody>
-          <tr>
-            <th>관리자 ID</th>
-            <td><input type="text" disabled v-model="adminId"></td>
-          </tr>
-          <tr>
-            <th>고객사명</th>
-            <td><input type="text" disabled v-model="custNm"></td>
-          </tr>
-          <tr>
-            <th>등록자 ID</th>
-            <td><input type="text" disabled v-model="register"></td>
-          </tr>
-          <tr>
-            <th>사업자번호</th>
-            <td><input type="text" disabled v-model="bRegNo"></td>
-          </tr>
-          <tr>
-            <th>명의자 구분</th>
-            <td><input type="text" disabled v-model="nmineeDivCd"></td>
-          </tr>
-          <tr>
-            <th>인입채널</th>
-            <td><input type="text" disabled v-model="inchDivCd"></td>
-          </tr>
-          <tr>
-            <th>발신번호</th>
-            <td>
-              <div class="input_add">
-                <div>
-                  <input type="text" disabled v-model="sndrnoNm">
-                  <input type="text" disabled v-model="sndrno">
+            <tr>
+              <th>관리자 ID</th>
+              <td><input type="text" disabled v-model="adminId" /></td>
+            </tr>
+            <tr>
+              <th>고객사명</th>
+              <td><input type="text" disabled v-model="custNm" /></td>
+            </tr>
+            <tr>
+              <th>등록자 ID</th>
+              <td><input type="text" disabled v-model="register" /></td>
+            </tr>
+            <tr>
+              <th>사업자번호</th>
+              <td><input type="text" disabled v-model="bRegNo" /></td>
+            </tr>
+            <tr>
+              <th>명의자 구분</th>
+              <td><input type="text" disabled v-model="nmineeDivCd" /></td>
+            </tr>
+            <tr>
+              <th>인입채널</th>
+              <td><input type="text" disabled v-model="inchDivCd" /></td>
+            </tr>
+            <tr>
+              <th>발신번호</th>
+              <td>
+                <div class="input_add">
+                  <div>
+                    <input type="text" disabled v-model="sndrnoNm" />
+                    <input type="text" disabled v-model="sndrno" />
+                  </div>
                 </div>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <th>승인상태</th>
-            <td class="red">{{ sttusCd }}</td>
-          </tr>
-          <tr>
-            <th>등록일자</th>
-            <td><input type="text" disabled v-model="regDt"></td>
-          </tr>
-          <tr>
-            <th>제출서류</th>
-            <td>
-              <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
-              <div 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 !== '06' && item.docTpCd !== '07' && item.docTpCd !== '13' && item.docTpCd !== '14'">{{ item.docTitle }} <br></a>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <th>사업자등록증</th>
-            <td>
-              <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
-              <div 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 === '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>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <th>본인 확인</th>
-            <td>
-              <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
-              <div 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>
-              </div>
-            </td>
-          </tr>
+              </td>
+            </tr>
+            <tr>
+              <th>승인상태</th>
+              <td class="red">{{ sttusCd }}</td>
+            </tr>
+            <tr>
+              <th>등록일자</th>
+              <td><input type="text" disabled v-model="regDt" /></td>
+            </tr>
+            <tr>
+              <th>제출서류</th>
+              <td>
+                <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
+                <div 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 !== '06' && item.docTpCd !== '07' && item.docTpCd !== '13' && item.docTpCd !== '14'
+                    "
+                    >{{ item.docTitle }} <br
+                  /></a>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <th>사업자등록증</th>
+              <td>
+                <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
+                <div 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 === '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>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <th>본인 확인</th>
+              <td>
+                <p class="file">파일형식 : jpg, png, pdf, tiff (최대 5MB)</p>
+                <div 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>
+                </div>
+              </td>
+            </tr>
           </tbody>
         </table>
       </form>
@@ -89,98 +121,89 @@
         <button class="btn-default" @click="numberDetailPopClose">닫기</button>
       </div>
     </div>
-
-	</div>
+  </div>
 </template>
 
 <script>
-import sendNumMgtApi from "@/modules/sendNumMgt/service/sendNumMgtApi";
+import sendNumMgtApi from '@/modules/sendNumMgt/service/sendNumMgtApi';
 
 export default {
-  name: "numberRegPop",
+  name: 'numberRegPop',
   // mixins: [utils_mixin, chkPattern2],
-  watch:{
-    nmineeDivCd(){
+  watch: {
+    nmineeDivCd() {
       // console.log('watch : ', this.nmineeDivCd)
-    }
+    },
   },
-  data(){
-    return{
-			row: {},
-      adminId:'',
-      custNm:'',
-      register:'',
-      bRegNo:'',
-      nmineeDivCd:'',
-      inchDivCd:'',
-      sndrnoNm:'',
-      sndrno:'',
-      sttusCd:'',
-      regDt:'',
+  data() {
+    return {
+      row: {},
+      adminId: '',
+      custNm: '',
+      register: '',
+      bRegNo: '',
+      nmineeDivCd: '',
+      inchDivCd: '',
+      sndrnoNm: '',
+      sndrno: '',
+      sttusCd: '',
+      regDt: '',
       docList: [],
-      regRegNo:'',
-      
-    }
+      regRegNo: '',
+    };
   },
-	components: {
+  components: {},
+  model: {
+    prop: 'sendData',
+    event: 'event-data',
   },
-	model: {
-		prop: 'sendData',
-		event: 'event-data'
-	},
-	props: ['sendData'],
-	created(){
-		// this.formReset();
+  props: ['sendData'],
+  created() {
+    // this.formReset();
   },
-  destroyed() {
-    
-  },
-	methods :{
-
-    download(filePath, fileName, docTitle){
-      this.row = {}
-      this.row.docTitle = docTitle
-      this.row.filePath = filePath
-      this.row.fileNm = fileName
+  destroyed() {},
+  methods: {
+    download(filePath, fileName, docTitle) {
+      this.row = {};
+      this.row.docTitle = docTitle;
+      this.row.filePath = filePath;
+      this.row.fileNm = fileName;
       sendNumMgtApi.fileDownload(this.row);
     },
 
-		// 모달 띄우기
-    numberDetailPopOpen(props){
-
-			// this.formReset();
-			var dimmed = document.getElementsByClassName('dimmed');
-			dimmed[0].style.display = 'block';
-			var wrap = document.getElementsByClassName('popup-wrap');
-			wrap[0].style.display = 'block';
-			var obj = document.getElementsByClassName('modal53');
-			obj[0].style.display = 'block';
+    // 모달 띄우기
+    numberDetailPopOpen(props) {
+      // this.formReset();
+      var dimmed = document.getElementsByClassName('dimmed');
+      dimmed[0].style.display = 'block';
+      var wrap = document.getElementsByClassName('popup-wrap');
+      wrap[0].style.display = 'block';
+      var obj = document.getElementsByClassName('modal53');
+      obj[0].style.display = 'block';
 
       this.numberDetail(props);
-
-		},
-    async numberDetail(props){
+    },
+    async numberDetail(props) {
       try {
-        this.row.regReqNo = props.regReqNo
-        this.row.sndrno = props.sndrno
-        this.row.seqNo = props.seqNo
+        this.row.regReqNo = props.regReqNo;
+        this.row.sndrno = props.sndrno;
+        this.row.seqNo = props.seqNo;
         const response = await sendNumMgtApi.numberDetail(this.row);
         const result = response.data;
-        if (result != null && result.retCode == "0000") {
-
-          this.adminId = result.data.adminId
-          this.custNm = result.data.custNm
-          this.register = result.data.register
-          this.bRegNo = result.data.bregNo
-          this.nmineeDivCd = result.data.nmineeDivCd
-          this.inchDivCd = result.data.inchDivCd
-          this.sndrnoNm = result.data.sndrnoNm
-          this.sndrno = result.data.sndrno
-          this.sttusCd = result.data.sttusCd
-          this.regDt = result.data.regDt
+        if (result != null && result.retCode == '0000') {
+          this.adminId = result.data.adminId;
+          this.custNm = this.fromHtmlEntities(result.data.custNm);
+          this.register = result.data.register;
+          this.bRegNo = result.data.bregNo;
+          this.nmineeDivCd = result.data.nmineeDivCd;
+          this.inchDivCd = result.data.inchDivCd;
+          this.sndrnoNm = result.data.sndrnoNm;
+          this.sndrno = result.data.sndrno;
+          this.sttusCd = result.data.sttusCd;
+          this.regDt = result.data.regDt;
           // result.data.list.forEach()
-          this.docList = result.data.list
-          this.regRegNo = result.data.regRegNo
+          this.docList = result.data.list;
+          this.regRegNo = result.data.regRegNo;
         }
       } catch (error) {
         // this.row.title = '청약고객관리';
@@ -189,21 +212,25 @@ export default {
         alert(error);
       }
     },
-		// 모달 끄기
-    numberDetailPopClose(){
-			var dimmed = document.getElementsByClassName('dimmed');
-			dimmed[0].style.display = 'none';
-			var wrap = document.getElementsByClassName('popup-wrap');
-			wrap[0].style.display = 'none';
-			var popup = document.getElementsByClassName('modal53');
-			popup[0].style.display = 'none';
+    // 모달 끄기
+    numberDetailPopClose() {
+      var dimmed = document.getElementsByClassName('dimmed');
+      dimmed[0].style.display = 'none';
+      var wrap = document.getElementsByClassName('popup-wrap');
+      wrap[0].style.display = 'none';
+      var popup = document.getElementsByClassName('modal53');
+      popup[0].style.display = 'none';
 
       this.formReset();
-			
-		},
-		formReset(){
-			Object.assign(this.$data, this.$options.data());
-		},
-	}
-}
-</script>
\ No newline at end of file
+    },
+    formReset() {
+      Object.assign(this.$data, this.$options.data());
+    },
+    fromHtmlEntities(str) {
+      return (str + '').replace(/&#\d+;/gm, function (s) {
+        return String.fromCharCode(s.match(/\d+/gm)[0]);
+      });
+    },
+  },
+};
+</script>