TC 수정 반영

frontend/src/modules/riskMgt/components/InsertIntrcpPop.vue

@@ -21,7 +21,7 @@
               <th>발송타입</th>
               <td v-if="code === null || code === ''">
                 <div v:class="select_box">
-                  <select name="" id="right" v-model.trim="sndblckTpCd" ref="sndblckTpCd" @keyup.enter="search">
+                  <select name="" id="right" v-model.trim="sndblckTpCd" ref="sndblckTpCd">
                     <option v-for="(option, i) in tpType" :value="option.code" v-bind:key="i">
                       {{ option.codeNm }}
                     </option>
@@ -145,6 +145,11 @@ export default {
           this.row.title = '발신번호 차단';
           this.row.msg1 = '성공 하였습니다.';
           this.$parent.alertInsert(this.row);
+        }else if (result != null && result.retCode == "4018") {
+          this.row.title = '발신번호 차단';
+          this.row.msg1 = '이미등록된 발신번호입니다.';
+          this.$parent.alertInsert(this.row);
+          return false;
         }
         this.toComplete();
       } catch (err) {
@@ -217,7 +222,7 @@ export default {
         const character = characters[i]
         const decimal = character.charCodeAt(0)
         const byte = this.getByteLength(decimal) // 글자 한 개가 몇 바이트 길이인지 구해주기
-
+        // console.log(byte)
         // 현재까지의 바이트 길이와 더해 최대 바이트 길이를 넘지 않으면
         if (totalByte + byte <= maxByte) {
           totalByte += byte      // 바이트 길이 값을 더해 현재까지의 총 바이트 길이 값을 구함
@@ -226,7 +231,6 @@ export default {
           break                  // for 루프 종료
         }
       }
-
       return validText
     },
 

frontend/src/modules/riskMgt/components/InsertMsgPop.vue

@@ -14,8 +14,8 @@
             <tr>
               <th>차단문구</th>
               <td class="input_add">
-                <input v-model="word" ref="_word" maxlength="50">
-                <button type="button" class="button white add" @click="doAdd"></button>
+                <input v-model="word" ref="_word" maxlength="10" @input="msgLimitByte()">
+                <button type="button" class="button white add" @click="doAdd" ></button>
               </td>
             </tr>
             <tr>
@@ -53,7 +53,8 @@
             </tr>
             <tr>
               <th>메모</th>
-              <td class="sender"><textarea class="memo_text" v-model.trim="memo" ref="memo"></textarea></td>
+              <td class="sender"><textarea class="memo_text" v-model.trim="memo" ref="memo" maxlength="2000"
+                                           @input="memoLimitByte()"></textarea></td>
             </tr>
 
             </tbody>
@@ -82,15 +83,9 @@ export default {
     return {
 
       row: {},
-      //   msgBlckword: {
-      //     word:'',
-      //   },
-      msgBlckwordList: [
-        // {  word : '스팸'},
-      ],
+      msgBlckwordList: [],
       rsnType: [],
       tpType: [],
-      //   seqNo: '', // 일련번호
       word: '', // 차단문구
       blckSndrno: '',
       sndblckTpCd: '',
@@ -101,6 +96,7 @@ export default {
       regId: '',
       regDt: '',
       memo: '', // 메모
+      maxByte: 2000,
 
     }
   },
@@ -139,9 +135,15 @@ export default {
     },
 
     async doInsert() {
-      // if(this.doValidate() && window.confirm('등록 하시겠습니까?')){
+      this.row.blckRsnCd = this.blckRsnCd;
+      this.row.blckContCd = this.blckContCd;
+      this.row.memo = this.memo;
+      this.row.blckYn = this.blckYn;
+      this.row.list = this.msgBlckwordList
+      console.log(this.row)
+      // return false;
       try {
-        const response = await riskMgtApi.msgIntrcpList(this.row);
+        const response = await riskMgtApi.msgInsertIntrcp(this.row);
         const result = response.data;
         if (result != null && result.retCode == "0000") {
           this.row.title = '메세지 차단';
@@ -165,14 +167,7 @@ export default {
         this.$refs._word.focus();
         return false;
       }
-
-      this.row.blckRsnCd = this.blckRsnCd;
-      this.row.blckContCd = this.blckContCd;
-      this.row.memo = this.memo;
-      this.row.blckYn = this.blckYn;
-      this.row.list = this.msgBlckwordList
       return true;
-
     },
 
     toComplete() {
@@ -210,8 +205,46 @@ export default {
       if (this.doValidate()) {
         this.$refs.ValidationConfirmPopup.msgConfirmInsertOpen();
       }
-    }
+    },
+    // 바이트길이 구하기
+    getByteLength: function (decimal) {
+      return (decimal >> 7) || (this.LINE_FEED === decimal) ? 2 : 1
+    },
 
+    getByte: function (str) {
+      return str
+          .split('')
+          .map((s) => s.charCodeAt(0))
+          .reduce((prev, unicodeDecimalValue) => prev + this.getByteLength(unicodeDecimalValue), 0)
+    },
+    getLimitedByteText: function (inputText, maxByte) {
+      const characters = inputText.split('')
+      let validText = ''
+      let totalByte = 0
+
+      for (let i = 0; i < characters.length; i += 1) {
+        const character = characters[i]
+        const decimal = character.charCodeAt(0)
+        const byte = this.getByteLength(decimal) // 글자 한 개가 몇 바이트 길이인지 구해주기
+        // console.log(byte)
+        // 현재까지의 바이트 길이와 더해 최대 바이트 길이를 넘지 않으면
+        if (totalByte + byte <= maxByte) {
+          totalByte += byte      // 바이트 길이 값을 더해 현재까지의 총 바이트 길이 값을 구함
+          validText += character // 글자를 더해 현재까지의 총 문자열 값을 구함
+        } else {                 // 최대 바이트 길이를 넘으면
+          break                  // for 루프 종료
+        }
+      }
+      return validText
+    },
+
+    memoLimitByte() {
+      this.memo = this.getLimitedByteText(this.memo, this.maxByte);
+
+    },	//END 바이트길이 구하기
+    msgLimitByte(){
+      this.word = this.getLimitedByteText(this.word, 10);
+    }
   }
 
 

frontend/src/modules/riskMgt/components/ValidationConfirmPopup.vue

@@ -1,288 +1,288 @@
 <template>
   <div>
-		<div class="dimmed confirm" @click="confirmModalCancel();"></div>
-		<div class="popup-wrap confirm">
-			<!-- 수정 확인 -->
-			<div class="popup confirm">
-				<div class="pop-head">
-					<h3 class="pop-tit">{{title}}</h3>
-				</div>
-				<div class="pop-cont">
-					<p>{{msg}}</p>
-				</div>
-				<div class="popup-btn2">
-					<button class="btn-pcolor" @click="confirmModalClose();">확인</button>
-					<button class="btn-default" @click="confirmModalCancel();">취소</button>
-				</div>
-			</div>
+    <div class="dimmed confirm" @click="confirmModalCancel();"></div>
+    <div class="popup-wrap confirm">
+      <!-- 수정 확인 -->
+      <div class="popup confirm">
+        <div class="pop-head">
+          <h3 class="pop-tit">{{ title }}</h3>
         </div>
-
-            <!-- 발신번호차단 등록 - 최초 등록 -->
-        <div class="dimmed confirm-insert" @click="confirmInsertClose();"></div>
-        <div class="popup-wrap confirm-insert">
-            <div class="popup confirm-insert">
-				<div class="pop-head">
-					<h3 class="pop-tit">발신번호차단 등록</h3>
-				</div>
-				<div class="pop-cont">
-					<p>작성된 내용으로 등록 하시겠습니까?</p>
-				</div>
-				<div class="popup-btn2">
-					<button class="btn-pcolor" @click="confirmInsert();">확인</button>
-					<button class="btn-default" @click="confirmInsertClose();">취소</button>
-				</div>
-			</div>	
-		</div>
-
-			<!-- 발신번호차단 상세 - 수정 -->
-        <div class="dimmed confirm-update" @click="confirmUpdateClose();"></div>
-        <div class="popup-wrap confirm-update">
-			<div class="popup confirm-update">
-				<div class="pop-head">
-					<h3 class="pop-tit">발신번호 차단 상세</h3>
-				</div>
-				<div class="pop-cont">
-					<p>작성된 내용으로 수정하겠습니까?</p>
-				</div>
-				<div class="popup-btn2">
-                    <button class="btn-pcolor" @click="confirmUpdate();">확인</button>
-					<button class="btn-default" @click="confirmUpdateClose();">취소</button>
-				</div>
-			</div>	
-		</div>
-
-			<!-- 발신번호차단 상세 삭제-->
-        <div class="dimmed confirm-delete" @click="confirmDeleteClose();"></div>
-        <div class="popup-wrap confirm-delete">
-			<div class="popup confirm-delete">
-				<div class="pop-head">
-					<h3 class="pop-tit">발신번호 차단 상세</h3>
-				</div>
-				<div class="pop-cont">
-					<p>해당 발신번호를 차단리스트에서</p>
-					<p>삭제하시겠습니까?</p>
-				</div>
-				<div class="popup-btn2">
-					<button class="btn-pcolor" @click="confirmDelete();">확인</button>
-                    <button class="btn-default" @click="confirmDeleteClose();">취소</button>
-				</div>
-			</div>	
-		</div>
-
-                    <!-- 메세지 등록 - 최초 등록 -->
-        <div class="dimmed msgconfirm-insert" @click="msgConfirmInsertClose();"></div>
-        <div class="popup-wrap msgconfirm-insert">
-            <div class="popup msgconfirm-insert">
-				<div class="pop-head">
-					<h3 class="pop-tit">메세지차단 등록</h3>
-				</div>
-				<div class="pop-cont">
-					<p>작성된 내용으로 등록 하시겠습니까?</p>
-				</div>
-				<div class="popup-btn2">
-					<button class="btn-pcolor" @click="msgConfirmInsert();">확인</button>
-					<button class="btn-default" @click="msgConfirmInsertClose();">취소</button>
-				</div>
-			</div>	
-		</div>
-
-			<!-- 메세지차단 상세 - 수정 -->
-        <div class="dimmed msgconfirm-update" @click="msgConfirmUpdateClose();"></div>
-        <div class="popup-wrap msgconfirm-update">
-			<div class="popup msgconfirm-update">
-				<div class="pop-head">
-					<h3 class="pop-tit">메세지 차단 상세</h3>
-				</div>
-				<div class="pop-cont">
-					<p>작성된 내용으로 수정하겠습니까?</p>
-				</div>
-				<div class="popup-btn2">
-                    <button class="btn-pcolor" @click="msgConfirmUpdate();">확인</button>
-					<button class="btn-default" @click="msgConfirmUpdateClose();">취소</button>
-				</div>
-			</div>	
-		</div>
-
-			<!-- 메세지차단 상세 삭제-->
-        <div class="dimmed msgconfirm-delete" @click="msgConfirmDeleteClose();"></div>
-        <div class="popup-wrap msgconfirm-delete">
-			<div class="popup msgconfirm-delete">
-				<div class="pop-head">
-					<h3 class="pop-tit">메세지 차단 상세</h3>
-				</div>
-				<div class="pop-cont">
-					<p>해당 메세지를 차단리스트에서</p>
-					<p>삭제하시겠습니까?</p>
-				</div>
-				<div class="popup-btn2">
-					<button class="btn-pcolor" @click="msgConfirmDelete();">확인</button>
-                    <button class="btn-default" @click="msgConfirmDeleteClose();">취소</button>
-				</div>
-			</div>	
-		</div>
+        <div class="pop-cont">
+          <p>{{ msg }}</p>
         </div>
+        <div class="popup-btn2">
+          <button class="btn-pcolor" @click="confirmModalClose();">확인</button>
+          <button class="btn-default" @click="confirmModalCancel();">취소</button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 발신번호차단 등록 - 최초 등록 -->
+    <div class="dimmed confirm-insert" @click="confirmInsertClose();"></div>
+    <div class="popup-wrap confirm-insert">
+      <div class="popup confirm-insert">
+        <div class="pop-head">
+          <h3 class="pop-tit">발신번호차단 등록</h3>
+        </div>
+        <div class="pop-cont">
+          <p>작성된 내용으로 등록 하시겠습니까?</p>
+        </div>
+        <div class="popup-btn2">
+          <button class="btn-pcolor" @click="confirmInsert();">확인</button>
+          <button class="btn-default" @click="confirmInsertClose();">취소</button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 발신번호차단 상세 - 수정 -->
+    <div class="dimmed confirm-update" @click="confirmUpdateClose();"></div>
+    <div class="popup-wrap confirm-update">
+      <div class="popup confirm-update">
+        <div class="pop-head">
+          <h3 class="pop-tit">발신번호 차단 상세</h3>
+        </div>
+        <div class="pop-cont">
+          <p>작성된 내용으로 수정하겠습니까?</p>
+        </div>
+        <div class="popup-btn2">
+          <button class="btn-pcolor" @click="confirmUpdate();">확인</button>
+          <button class="btn-default" @click="confirmUpdateClose();">취소</button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 발신번호차단 상세 삭제-->
+    <div class="dimmed confirm-delete" @click="confirmDeleteClose();"></div>
+    <div class="popup-wrap confirm-delete">
+      <div class="popup confirm-delete">
+        <div class="pop-head">
+          <h3 class="pop-tit">발신번호 차단 상세</h3>
+        </div>
+        <div class="pop-cont">
+          <p>해당 발신번호를 차단리스트에서</p>
+          <p>삭제하시겠습니까?</p>
+        </div>
+        <div class="popup-btn2">
+          <button class="btn-pcolor" @click="confirmDelete();">확인</button>
+          <button class="btn-default" @click="confirmDeleteClose();">취소</button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 메세지 등록 - 최초 등록 -->
+    <div class="dimmed msgconfirm-insert" @click="msgConfirmInsertClose();"></div>
+    <div class="popup-wrap msgconfirm-insert">
+      <div class="popup msgconfirm-insert">
+        <div class="pop-head">
+          <h3 class="pop-tit">메세지차단 등록</h3>
+        </div>
+        <div class="pop-cont">
+          <p>작성된 내용으로 등록 하시겠습니까?</p>
+        </div>
+        <div class="popup-btn2">
+          <button class="btn-pcolor" @click="msgConfirmInsert();">확인</button>
+          <button class="btn-default" @click="msgConfirmInsertClose();">취소</button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 메세지차단 상세 - 수정 -->
+    <div class="dimmed msgconfirm-update" @click="msgConfirmUpdateClose();"></div>
+    <div class="popup-wrap msgconfirm-update">
+      <div class="popup msgconfirm-update">
+        <div class="pop-head">
+          <h3 class="pop-tit">메세지 차단 상세</h3>
+        </div>
+        <div class="pop-cont">
+          <p>작성된 내용으로 수정하겠습니까?</p>
+        </div>
+        <div class="popup-btn2">
+          <button class="btn-pcolor" @click="msgConfirmUpdate();">확인</button>
+          <button class="btn-default" @click="msgConfirmUpdateClose();">취소</button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 메세지차단 상세 삭제-->
+    <div class="dimmed msgconfirm-delete" @click="msgConfirmDeleteClose();"></div>
+    <div class="popup-wrap msgconfirm-delete">
+      <div class="popup msgconfirm-delete">
+        <div class="pop-head">
+          <h3 class="pop-tit">메세지 차단 상세</h3>
+        </div>
+        <div class="pop-cont">
+          <p>해당 메세지를 차단리스트에서</p>
+          <p>삭제하시겠습니까?</p>
+        </div>
+        <div class="popup-btn2">
+          <button class="btn-pcolor" @click="msgConfirmDelete();">확인</button>
+          <button class="btn-default" @click="msgConfirmDeleteClose();">취소</button>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
 export default {
-    name: "validationConfirmPopup",
-    data(){
-        return{
-            row:{},
-            title:'',
-            msg:'',
-        }
+  name: "validationConfirmPopup",
+  data() {
+    return {
+      row: {},
+      title: '',
+      msg: '',
+    }
+  },
+  methods: {
+    //발신번호차단등록 - 최초등록 Open
+    confirmInsertOpen() {
+      var dimmed = document.getElementsByClassName('confirm-insert');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'block';
+      }
+
     },
-    methods :{
-        //발신번호차단등록 - 최초등록 Open
-        confirmInsertOpen(){
-            var dimmed = document.getElementsByClassName('confirm-insert');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'block';
-			}
+    //사용자등록 - 최초등록
+    confirmInsert() {
+      var dimmed = document.getElementsByClassName('confirm-insert');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
 
-        },
-        //사용자등록 - 최초등록
-        confirmInsert(){
-            var dimmed = document.getElementsByClassName('confirm-insert');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'none';
-			}
+      this.$parent.doInsert();
 
-            this.$parent.doInsert();
-
-        },
-        //발신번호차단등록 - 최초등록 Close
-        confirmInsertClose(){
-            var dimmed = document.getElementsByClassName('confirm-insert');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'none';
-			}
-        },
-        // 발신번호차단 삭제 Open
-        confirmDeleteOpen(){
-            var dimmed = document.getElementsByClassName('confirm-delete');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'block';
-			}
-        },
-        //발신번호차단번호 삭제
-        confirmDelete(){
-            var dimmed = document.getElementsByClassName('confirm-delete');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'none';
-			}
-                this.$parent.IntrcpDeleteModal();
-        },
-        //발신번호차단 삭제 Close
-        confirmDeleteClose(){
-            var dimmed = document.getElementsByClassName('confirm-delete');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'none';
-			}
-
-        },
-        //발신번호차단 수정 확인 Open
-        confirmUpdateOpen(){
-            var dimmed = document.getElementsByClassName('confirm-update');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'block';
-			}
-
-        },
-        //발신번호차단 수정 확인
-        confirmUpdate(){
-            var dimmed = document.getElementsByClassName('confirm-update');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'none';                
-			}
-
-            this.$parent.IntrcpUpdateModal();
-
-        },
-        // 발신번호차단 수정 Close
-        confirmUpdateClose(){
-            var dimmed = document.getElementsByClassName('confirm-update');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'none';
-			}
-
-        },
-
-        //메세지차단등록 - 최초등록 Open
-        msgConfirmInsertOpen(){
-            var dimmed = document.getElementsByClassName('msgconfirm-insert');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'block';
-			}
-
-        },
-        //메세지등록 - 최초등록
-        msgConfirmInsert(){
-            var dimmed = document.getElementsByClassName('msgconfirm-insert');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'none';
-			}
-
-            this.$parent.doInsert();
-
-        },
-        //메세지차단등록 - 최초등록 Close
-        msgConfirmInsertClose(){
-            var dimmed = document.getElementsByClassName('msgconfirm-insert');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'none';
-			}
-        },
-        // 메세지차단 삭제 Open
-        msgConfirmDeleteOpen(){
-            var dimmed = document.getElementsByClassName('msgconfirm-delete');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'block';
-			}
-        },
-        //메세지차단번호 삭제
-        msgConfirmDelete(){
-            var dimmed = document.getElementsByClassName('msgconfirm-delete');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'none';
-			}
-                this.$parent.MsgIntrcpDeleteModal();
-        },
-        //메세지차단 삭제 Close
-        msgConfirmDeleteClose(){
-            var dimmed = document.getElementsByClassName('msgconfirm-delete');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'none';
-			}
-
-        },
-        //메세지차단 수정 확인 Open
-        msgConfirmUpdateOpen(){
-            var dimmed = document.getElementsByClassName('msgconfirm-update');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'block';
-			}
-
-        },
-        //메세지차단 수정 확인
-        msgConfirmUpdate(){
-            var dimmed = document.getElementsByClassName('msgconfirm-update');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'none';                
-			}
-
-            this.$parent.MsgIntrcpUpdateModal();
-
-        },
-        // 메세지차단 수정 Close
-        msgConfirmUpdateClose(){
-            var dimmed = document.getElementsByClassName('msgconfirm-update');
-			for(var i = 0; i < dimmed.length; i++){
-				dimmed[i].style.display = 'none';
-			}
-
-        },
     },
+    //발신번호차단등록 - 최초등록 Close
+    confirmInsertClose() {
+      var dimmed = document.getElementsByClassName('confirm-insert');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
+    },
+    // 발신번호차단 삭제 Open
+    confirmDeleteOpen() {
+      var dimmed = document.getElementsByClassName('confirm-delete');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'block';
+      }
+    },
+    //발신번호차단번호 삭제
+    confirmDelete() {
+      var dimmed = document.getElementsByClassName('confirm-delete');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
+      this.$parent.IntrcpDeleteModal();
+    },
+    //발신번호차단 삭제 Close
+    confirmDeleteClose() {
+      var dimmed = document.getElementsByClassName('confirm-delete');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
+
+    },
+    //발신번호차단 수정 확인 Open
+    confirmUpdateOpen() {
+      var dimmed = document.getElementsByClassName('confirm-update');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'block';
+      }
+
+    },
+    //발신번호차단 수정 확인
+    confirmUpdate() {
+      var dimmed = document.getElementsByClassName('confirm-update');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
+
+      this.$parent.IntrcpUpdateModal();
+
+    },
+    // 발신번호차단 수정 Close
+    confirmUpdateClose() {
+      var dimmed = document.getElementsByClassName('confirm-update');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
+
+    },
+
+    //메세지차단등록 - 최초등록 Open
+    msgConfirmInsertOpen() {
+      var dimmed = document.getElementsByClassName('msgconfirm-insert');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'block';
+      }
+
+    },
+    //메세지등록 - 최초등록
+    msgConfirmInsert() {
+      var dimmed = document.getElementsByClassName('msgconfirm-insert');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
+
+      this.$parent.doInsert();
+
+    },
+    //메세지차단등록 - 최초등록 Close
+    msgConfirmInsertClose() {
+      var dimmed = document.getElementsByClassName('msgconfirm-insert');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
+    },
+    // 메세지차단 삭제 Open
+    msgConfirmDeleteOpen() {
+      var dimmed = document.getElementsByClassName('msgconfirm-delete');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'block';
+      }
+    },
+    //메세지차단번호 삭제
+    msgConfirmDelete() {
+      var dimmed = document.getElementsByClassName('msgconfirm-delete');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
+      this.$parent.MsgIntrcpDeleteModal();
+    },
+    //메세지차단 삭제 Close
+    msgConfirmDeleteClose() {
+      var dimmed = document.getElementsByClassName('msgconfirm-delete');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
+
+    },
+    //메세지차단 수정 확인 Open
+    msgConfirmUpdateOpen() {
+      var dimmed = document.getElementsByClassName('msgconfirm-update');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'block';
+      }
+
+    },
+    //메세지차단 수정 확인
+    msgConfirmUpdate() {
+      var dimmed = document.getElementsByClassName('msgconfirm-update');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
+
+      this.$parent.MsgIntrcpUpdateModal();
+
+    },
+    // 메세지차단 수정 Close
+    msgConfirmUpdateClose() {
+      var dimmed = document.getElementsByClassName('msgconfirm-update');
+      for (var i = 0; i < dimmed.length; i++) {
+        dimmed[i].style.display = 'none';
+      }
+
+    },
+  },
 }
 </script>

frontend/src/modules/riskMgt/service/riskMgtApi.js

@@ -18,7 +18,7 @@ const deleteIntrcp = (params) => {
     return httpClient.post('/api/v1/bo/riskMgt/sendNum/deleteIntrcp', params, { withCredentials: false });
 }
 
-const msgIntrcpList = (params) => {
+const msgInsertIntrcp = (params) => {
     return httpClient.post('/api/v1/bo/riskMgt/msg/insertIntrcp', params, { withCredentials: false });
 }
 
@@ -39,7 +39,7 @@ export default {
     intrcpDetail,
     insertIntrcp,
     deleteIntrcp,
-    msgIntrcpList,
+    msgInsertIntrcp,
     msgIntrcpDetail,
     deleteMsgIntrcp,
     updateMsgIntrcp