어드민 -> 청약고객관리 상세 : 사용자 데이터 -> 담당자 데이터 / 사용자명 -> 담당자명 (문구 수정)

고객사명 엔티티코드 노출되는 부분 수정

frontend/src/modules/custMgt/views/SubsDetail.vue

@@ -12,31 +12,31 @@
         <!--					<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>
+              <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>
+              <td colspan="2"><input type="text" disabled v-model="reprNm" /></td>
               <th>사용자 구분</th>
-            <td colspan="2"><input type="text" disabled v-model="custType"></td>
+              <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">
+                  <input type="text" disabled v-model="adr1" />
+                  <input type="text" disabled v-model="adr2" />
+                  <input type="text" disabled v-model="adr3" />
                 </div>
               </td>
             </tr>
@@ -44,16 +44,16 @@
               <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">
+                  <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">
+                  <input type="text" disabled v-model="cprRegNo1" />
+                  <input type="text" disabled v-model="cprRegNo2" />
                 </div>
               </td>
             </tr>
@@ -67,42 +67,42 @@
       <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>
+              <td colspan="2"><input type="text" disabled v-model="subsDt" /></td>
               <th>상태</th>
               <td colspan="2">
-              <input type="text" disabled v-model="stat">
+                <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>
+              <td colspan="2"><input type="text" disabled v-model="plan" /></td>
               <th>가입번호</th>
-            <td colspan="2"><input type="text" disabled v-model="subsNo"></td>
+              <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">
+                  <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">
+                  <input type="text" disabled v-model="channelId" />
+                  <input type="text" disabled v-model="channelNm" />
                 </div>
               </td>
             </tr>
@@ -110,44 +110,44 @@
         </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>
+                <td colspan="2"><input type="text" disabled v-model="serviceId" /></td>
                 <th>이용권한</th>
-              <td colspan="2"><input type="text" disabled v-model="useAuth"></td>
+                <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="userNm" /></td>
                 <th>휴대폰 번호</th>
-              <td colspan="2"><input type="text" disabled v-model="mdn"></td>
+                <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>
+                    <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">
+                    <input type="text" disabled v-model="userCnt" />
                     <button type="button" class="button grey" @click="goMemberDetail">사용자ID 확인</button>
                   </div>
                 </td>
@@ -157,8 +157,8 @@
         </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);    
+    this.$store.commit('login/isLogin', true);
 
-    if(this.$route.params.serviceId != null){ // 리스트에서 상세 호출시
+    if (this.$route.params.serviceId != null) {
+      // 리스트에서 상세 호출시
       this.$store.commit('dataStore/updateDataStore', this.$route.params.serviceId);
       this.subsDetail(this.$route.params.serviceId);
       //this.setMenuActive();
@@ -283,9 +280,9 @@ export default {
       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;
@@ -328,7 +325,6 @@ export default {
         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,7 +351,6 @@ export default {
         this.row.msg1 = '실패 하였습니다.';
         this.$refs.commmonModal.alertModalOpen(this.row);
       }
-
     },
     carryOverListPopOpen: function () {
       this.$refs.carryOverListPop.carryOverListPopOpen(this.serviceId);
@@ -364,21 +359,20 @@ export default {
       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) {
+    goMemberDetail: function () {
       this.$router.push({ name: 'memberAdminDetail', params: { serviceId: this.row.serviceId } });
     },
 
@@ -395,9 +389,12 @@ export default {
     // 조회후 모달창 닫기
     checkFocus() {
       this.$router.go(-1);
-    }
-  }
-}
-
-
+    },
+    fromHtmlEntities(str) {
+      return (str + '').replace(/&#\d+;/gm, function (s) {
+        return String.fromCharCode(s.match(/\d+/gm)[0]);
+      });
+    },
+  },
+};
 </script>

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

@@ -43,20 +43,52 @@
               <td class="sender">
                 <div class="sender-head">
                   <div class="count">
-                  총<span>{{ numList.length }}</span>건
+                    총<span>{{ numList.length }}</span
+                    >건
                   </div>
                   <div class="radio_group">
-                  <input type="radio" name="state" ref="apprRadio" value="02" id="popup_radio13" @change="allApprSttus($event)">
+                    <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)">
+                    <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 }}
+                  <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>
+                      <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>
@@ -65,26 +97,60 @@
             <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>
+                <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>
+                <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>
+                <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>
+              <td class="sender">
+                <textarea class="memo_text" v-model="memo">{{ memo }}</textarea>
+              </td>
             </tr>
           </tbody>
         </table>
@@ -95,20 +161,18 @@
       </div>
 
       <common-modal ref="commmonModal"></common-modal>
-
     </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",
+  name: 'numberRegPop',
   watch: {
-    nmineeDivCd(){
-    }
+    nmineeDivCd() {},
   },
   data() {
     return {
@@ -127,15 +191,14 @@ export default {
       memo: '',
       docList: [],
       numList: [],
-
-    }
+    };
   },
   components: {
     commonModal,
   },
   model: {
     prop: 'sendData',
-		event: 'event-data'
+    event: 'event-data',
   },
   props: ['sendData'],
   created() {
@@ -144,44 +207,46 @@ export default {
   methods: {
     //파일 다운로드
     download(filePath, fileName, docTitle) {
-      this.row = {}
-      this.row.docTitle = docTitle
-      this.row.filePath = filePath
-      this.row.fileNm = fileName
+      this.row = {};
+      this.row.docTitle = docTitle;
+      this.row.filePath = filePath;
+      this.row.fileNm = fileName;
       sendNumMgtApi.fileDownload(this.row);
     },
     // 모달 띄우기
     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) {
       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") {
-
-          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
+        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;
 
           var apprCnt = 0;
           var rejtCnt = 0;
@@ -198,7 +263,6 @@ export default {
           } else if (rejtCnt == this.numList.length) {
             this.$refs.rejRadio.checked = true;
           }
-
         }
       } catch (error) {
         this.row.title = '발신번호승인';
@@ -216,11 +280,11 @@ export default {
     allApprSttus(event) {
       var data = event.target.value;
       this.numList.forEach(function (value, index) {
-        value.sttusCd = data
+        value.sttusCd = data;
       });
     },
     change(idx, val) {
-      this.numList[idx].sttusCd = val
+      this.numList[idx].sttusCd = val;
       this.$refs.apprRadio.checked = false;
       this.$refs.rejRadio.checked = false;
       // radio_group 클래스 하위 라디오 박스 체크 유무 변경 필요.
@@ -240,20 +304,20 @@ export default {
       }
     },
     updateSttus() {
-      this.doSave()
+      this.doSave();
     },
     async doSave() {
-      this.row.memo = this.memo
-      this.row.regReqNo = this.regReqNo
-      this.row.adminId = this.adminId
-      this.row.list = this.numList
+      this.row.memo = this.memo;
+      this.row.regReqNo = this.regReqNo;
+      this.row.adminId = this.adminId;
+      this.row.list = this.numList;
 
       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 = '발신번호 승인';
@@ -264,6 +328,11 @@ export default {
     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>

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

@@ -12,35 +12,35 @@
           <tbody>
             <tr>
               <th>관리자 ID</th>
-            <td><input type="text" disabled v-model="adminId"></td>
+              <td><input type="text" disabled v-model="adminId" /></td>
             </tr>
             <tr>
               <th>고객사명</th>
-            <td><input type="text" disabled v-model="custNm"></td>
+              <td><input type="text" disabled v-model="custNm" /></td>
             </tr>
             <tr>
               <th>등록자 ID</th>
-            <td><input type="text" disabled v-model="register"></td>
+              <td><input type="text" disabled v-model="register" /></td>
             </tr>
             <tr>
               <th>사업자번호</th>
-            <td><input type="text" disabled v-model="bRegNo"></td>
+              <td><input type="text" disabled v-model="bRegNo" /></td>
             </tr>
             <tr>
               <th>명의자 구분</th>
-            <td><input type="text" disabled v-model="nmineeDivCd"></td>
+              <td><input type="text" disabled v-model="nmineeDivCd" /></td>
             </tr>
             <tr>
               <th>인입채널</th>
-            <td><input type="text" disabled v-model="inchDivCd"></td>
+              <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">
+                    <input type="text" disabled v-model="sndrnoNm" />
+                    <input type="text" disabled v-model="sndrno" />
                   </div>
                 </div>
               </td>
@@ -51,14 +51,22 @@
             </tr>
             <tr>
               <th>등록일자</th>
-            <td><input type="text" disabled v-model="regDt"></td>
+              <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>
+                  <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>
@@ -67,8 +75,20 @@
               <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>
+                  <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>
@@ -77,8 +97,20 @@
               <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>
+                  <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>
@@ -89,20 +121,19 @@
         <button class="btn-default" @click="numberDetailPopClose">닫기</button>
       </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() {
       // console.log('watch : ', this.nmineeDivCd)
-    }
+    },
   },
   data() {
     return {
@@ -119,35 +150,29 @@ export default {
       regDt: '',
       docList: [],
       regRegNo: '',
-      
-    }
-  },
-	components: {
+    };
   },
+  components: {},
   model: {
     prop: 'sendData',
-		event: 'event-data'
+    event: 'event-data',
   },
   props: ['sendData'],
   created() {
     // this.formReset();
   },
-  destroyed() {
-    
-  },
+  destroyed() {},
   methods: {
-
     download(filePath, fileName, docTitle) {
-      this.row = {}
-      this.row.docTitle = docTitle
-      this.row.filePath = filePath
-      this.row.fileNm = fileName
+      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';
@@ -157,30 +182,28 @@ export default {
       obj[0].style.display = 'block';
 
       this.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 = '청약고객관리';
@@ -199,11 +222,15 @@ export default {
       popup[0].style.display = 'none';
 
       this.formReset();
-			
     },
     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>