리스크관리 / 발송통계 추가

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

@@ -53,12 +53,14 @@
 					</table>
 				</form>
 				<div class="popup-btn2">
-					<button class="btn-pcolor" @click="doInsert">등록</button>
+					<button class="btn-pcolor" @click="regisConfirm()">등록</button>
 					<button class="btn-default" @click="ModalClose();">취소</button>
 				</div>
-				<common-modal ref="commmonModal"></common-modal>
 			</div>
-        </div>
+			<common-modal ref="commonModal"></common-modal>
+			<validation-confirm-popup ref="ValidationConfirmPopup"></validation-confirm-popup>
+
+		</div>
     </div>
             
 </template>
@@ -66,12 +68,14 @@
 import api from '@/service/api';
 import riskMgtApi from '../service/riskMgtApi'
 import { utils_mixin, chkPattern2 } from '../service/mixins';
-import commonModal from "@/components/modal/commonModal";
 import lodash from "lodash";
+import commonModal from "@/components/modal/commonModal";
+import ValidationConfirmPopup from './ValidationConfirmPopup.vue';
 export default {
 	mixins: [utils_mixin, chkPattern2],
     data(){
         return{
+			props : {},
             row: {},
             rsnType: [],
             tpType: [],
@@ -95,7 +99,8 @@ export default {
     },
 	  components: {
     commonModal,
-  },
+    ValidationConfirmPopup
+},
     methods :{
         //모달 띄우기
         ModalOpen(){
@@ -119,27 +124,28 @@ export default {
 			
 		},
         // 저장 후 부모창 호출
-        toComplete(){
+        toComplete(){z
 			this.$parent.$refs.table.reloadData();
 			this.ModalClose();
         },
         async doInsert(){
-            if(this.doValidate() && window.confirm('등록 하시겠습니까?')){
+            // if(this.doValidate() && this.regisConfirm()){
                 try {
 					const response = await riskMgtApi.insertIntrcp(this.row);
 					const result = response.data;
 					if (result != null && result.retCode == "0000") {
-						this.row.title = '청약고객관리';
-         				this.row.msg1 = '저장 하였습니다.';
-						console.log(this.row);
-           				this.$refs.commmonModal.alertModalOpen(this.row);
+						this.row.title = '발신번호 차단';
+         	 			this.row.msg1 = '성공 하였습니다.';
+           				this.$parent.alertInsert(this.row);
 						this.toComplete();
 					}
                 } catch(err) {
                     console.log(err);
-                	alert("실패 하였습니다.");
+						this.row.title = '발신번호 차단';
+         	 			this.row.msg1 = '실패 하였습니다.';
+           				this.$parent.alertInsert(this.row);
                 }
-            }
+            // }
         },
        setCodeDate(){
         // 발송타입
@@ -153,18 +159,17 @@ export default {
 
        doValidate(){
 		   if(this.isNull(this.blckSndrno)){
-			  this.row.title = '청약고객관리';
-         	  this.row.msg1 = '저장 하였습니다.';
-           	  this.$refs.commmonModal.alertModalOpen(this.row);
+			  this.row.title = '발신번호 차단';
+         	  this.row.msg1 = '발신번호를 입력해주세요.';
+           	  this.$parent.alertInsert(this.row);
 			   this.$refs._blckSndrno.focus();
 			   return false;
 		   }
 		const hp = this.blckSndrno;
 			if(!this.isNull(hp) && !this.isMobile(hp)){
-				alert("발신번호 형식이 잘못되었습니다. 확인 해주세요.");
-				this.row.title = '청약고객관리';
-         	  this.row.msg1 = '저장 하였습니다.';
-           	  this.$refs.commmonModal.alertModalOpen(this.row);
+			this.row.title = '발신번호 차단';
+         	this.row.msg1 = '발신번호 형식이 잘못되었습니다. 확인 해주세요.';
+           	this.$parent.alertInsert(this.row)
 				this.$refs._blckSndrno.focus();
 				return false;
 			}
@@ -179,8 +184,13 @@ export default {
 			Object.assign(this.$data, this.$options.data());
 			this.insertType = type;
 		},
-
+		regisConfirm(){
+			if(this.doValidate()){
+				this.$refs.ValidationConfirmPopup.confirmInsertOpen();
+			}
+		},		
     },
+	
 }
 </script>
 

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

@@ -61,10 +61,11 @@
 					</table>
 				</form>
 				<div class="popup-btn2">
-					<button class="btn-pcolor" @click="doInsert">저장</button>
+					<button class="btn-pcolor" @click="regisConfirm()">저장</button>
 					<button class="btn-default" @click="ModalClose();">취소</button>
 				</div>
 			</div>
+			<validation-confirm-popup ref="ValidationConfirmPopup"></validation-confirm-popup>
         </div>
         </div>
 </template>
@@ -74,6 +75,7 @@ import api from '@/service/api';
 import riskMgtApi from '../service/riskMgtApi';
 import lodash from "lodash";
 import { utils_mixin, chkPattern2 } from '../service/mixins';
+import ValidationConfirmPopup from './ValidationConfirmPopup.vue';
 export default {
 	mixins: [utils_mixin, chkPattern2],
     data(){
@@ -84,7 +86,6 @@ export default {
         //     word:'',
         //   },
           msgBlckwordList: [
-            {  seqNo: '' , word : '도박'},
             // {  word : '스팸'},
           ],
 		  rsnType: [],
@@ -106,6 +107,9 @@ export default {
     created(){
         this.formReset();
     },
+	components: {
+	   ValidationConfirmPopup
+	},
 
     methods :{
         ModalOpen(){
@@ -141,22 +145,29 @@ export default {
        },
 
         async doInsert(){
-            if(this.doValidate() && window.confirm('등록 하시겠습니까?')){
+            // if(this.doValidate() && window.confirm('등록 하시겠습니까?')){
                 try {
 					const response = await riskMgtApi.msgIntrcpList(this.row);
 					const result = response.data;
 					if (result != null && result.retCode == "0000") {
-						alert('저장 하였습니다.');
+						this.row.title = '메세지 차단';
+         	 			this.row.msg1 = '저장하였습니다.';
+           				this.$parent.msgAlertModalOpen(this.row);
 					}
 						this.toComplete();
                 } catch(err) {
-                	alert("실패 하였습니다.");
+                		this.row.title = '메세지 차단';
+         	 			this.row.msg1 = '실패하였습니다.';
+           				this.$parent.msgAlertModalOpen(this.row);
                 }
-            }
+            // }
         },
 
         doValidate(){    
-			if(this.isNull(this.word)){
+			if(this.isNull(this.msgBlckwordList)){
+				this.row.title = '메세지 차단';
+         	 	this.row.msg1 = '문구를 입력해주세요.';
+           		this.$parent.msgAlertModalOpen(this.row);
 				this.$refs._word.focus();
 				return false;
 			}
@@ -176,6 +187,13 @@ export default {
         },
         //신규등록 팝업에서 문구 추가 버튼
         doAdd: function() {
+			if(this.isNull(this.word)){
+				this.row.title = '메세지 차단';
+         	 	this.row.msg1 = '문구를 입력해주세요.';
+           		this.$parent.msgAlertModalOpen(this.row);
+				this.$refs._word.focus();
+				return false;
+			}
             if(this.msgBlckwordList.length < 10){
                 this.msgBlckwordList.push({
                     //seqNo: '',
@@ -194,11 +212,11 @@ export default {
 			Object.assign(this.$data, this.$options.data());
 			this.insertType = type;
 		},
-
-
-
-
-        
+		regisConfirm(){
+			if(this.doValidate()){
+				this.$refs.ValidationConfirmPopup.msgConfirmInsertOpen();
+			}
+		},		
 
     },
 

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

@@ -58,12 +58,12 @@
 					</table>
 				</form>
 				<div class="popup-btn2 pop-btn3">
-					<button class="btn-pcolor" @click="IntrcpUpdateModal();">수정</button>
+					<button class="btn-pcolor" @click="UpdateConfirm();">수정</button>
 					<button class="btn-default" @click="IntrcpDetailModalClose();">취소</button>
-					<button class="btn-p2color" @click="IntrcpDeleteModal()">삭제</button>
+					<button class="btn-p2color" @click="DeleteConfirm()">삭제</button>
 				</div>
 			</div>
-
+			<validation-confirm-popup ref="ValidationConfirmPopup"></validation-confirm-popup>
 		</div>
 	</div>
 	
@@ -73,6 +73,7 @@
 //import api from '@/service/api';
 import riskMgtApi from '../service/riskMgtApi';
 import api from '@/service/api';
+import ValidationConfirmPopup from './ValidationConfirmPopup.vue';
 export default {
 	data(){
         return{
@@ -88,6 +89,9 @@ export default {
           meno: '',
         }
     },
+	components: {
+   		ValidationConfirmPopup
+	},
 	methods :{
 		// 모달 띄우기
 		async IntrcpDetailModalOpen(props){
@@ -134,12 +138,14 @@ export default {
 		//삭제버튼
 		async IntrcpDeleteModal(){
 			this.setCodeDate();
-			if(window.confirm('삭제 하시겠습니까?')){
+			// if(window.confirm('삭제 하시겠습니까?')){
 			try {
 				const response = await riskMgtApi.deleteIntrcp(this.row);
 				const result = response.data;
 				if (result != null && result.retCode == "0000") {
-				alert('삭제 하였습니다.');
+				this.row.title = '발신번호 차단';
+         	 	this.row.msg1 = '삭제하였습니다.';
+           		this.$parent.alertInsert(this.row);
 				// grid.reloadData();
 				// this.$refs.table.reloadData();
 				this.toComplete();
@@ -147,22 +153,24 @@ export default {
 			} catch(err) {
 				alert("실패 하였습니다.");
 				}
-			}
+			// }
     	},
 		//수정버튼
 		async IntrcpUpdateModal(){
-			if(this.doValidate() && window.confirm('수정 하시겠습니까?')){
+			// if(this.doValidate() && window.confirm('수정 하시겠습니까?')){
 			try {
 				const response = await riskMgtApi.updateIntrcp(this.row);
 				const result = response.data;
 				if (result != null && result.retCode == "0000") {
-				alert('수정 하였습니다.');
+				this.row.title = '발신번호 차단';
+         	 	this.row.msg1 = '수정 하였습니다.';
+           		this.$parent.alertInsert(this.row);
 				this.toComplete();
 				}
 			} catch(err) {
 				alert("실패 하였습니다.");
 				}
-			}
+			// }
     	},
 		// 모달 끄기
 		ModalClose(){
@@ -191,6 +199,17 @@ export default {
 			this.row.meno=this.meno;
 			return true;
 		},
+		UpdateConfirm(){
+			if(this.doValidate()){
+				this.$refs.ValidationConfirmPopup.confirmUpdateOpen();
+			}
+		},		
+		DeleteConfirm(){
+			if(this.doValidate()){
+				this.$refs.ValidationConfirmPopup.confirmDeleteOpen();
+			}
+		},		
+		
 
 		
 

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

@@ -40,7 +40,7 @@
 							<tr>
 								<th>차단사유</th>
 								<td>
-									<div class="select_box">
+									<div>
 										<select name="" id="" v-model.trim="blckRsnCd" ref="blckRsnCd">
 											<option v-for="(option, i) in rsnType" 
                                             v-bind:value="option.code" 
@@ -69,11 +69,12 @@
 					</table>
 				</form>
 				<div class="popup-btn2 pop-btn3">
-                    <button class="btn-pcolor" @click="MsgIntrcpUpdateModal()">수정</button>
+                    <button class="btn-pcolor" @click="UpdateConfirm()">수정</button>
 					<button class="btn-default" @click="IntrcpDetailModalClose();">취소</button>
-                    <button class="btn-p2color" @click="MsgIntrcpDeleteModal()">삭제</button>
+                    <button class="btn-p2color" @click="DeleteConfirm()">삭제</button>
                 </div>
 			</div>
+			<validation-confirm-popup ref="ValidationConfirmPopup"></validation-confirm-popup>
         </div>
         </div>
 </template>
@@ -81,6 +82,7 @@
 <script>
 import api from '@/service/api';
 import riskMgtApi from '../service/riskMgtApi';
+import ValidationConfirmPopup from './ValidationConfirmPopup.vue';
 export default {
     data(){
         return{
@@ -106,7 +108,9 @@ export default {
     created(){
         this.formReset();
     },
-
+	components: {
+     ValidationConfirmPopup
+	},
     methods :{
         ModalOpen(){
             this.formReset();
@@ -209,36 +213,42 @@ export default {
 		//삭제버튼
 		async MsgIntrcpDeleteModal(){
 			this.setCodeDate();
-			if(window.confirm('삭제 하시겠습니까?')){
+			// if(window.confirm('삭제 하시겠습니까?')){
 			try {
 				const response = await riskMgtApi.deleteMsgIntrcp(this.row);
 				const result = response.data;
 				if (result != null && result.retCode == "0000") {
-				alert('삭제 하였습니다.');
-				// grid.reloadData();
-				// this.$refs.table.reloadData();
+				this.row.title = '메세지 차단';
+         	 	this.row.msg1 = '삭제 하였습니다.';
+           		this.$parent.msgAlertModalOpen(this.row);
+				}
 				this.toComplete();
-				}
 			} catch(err) {
-				alert("실패 하였습니다.");
+				this.row.title = '메세지 차단';
+         	 	this.row.msg1 = '실패 하였습니다.';
+           		this.$parent.msgAlertModalOpen(this.row);
 				}
-			}
+			// }
     	},
 
 		//수정버튼
 		async MsgIntrcpUpdateModal(){
-			if(this.doValidate() && window.confirm('수정 하시겠습니까?')){
+			// if(this.doValidate() && window.confirm('수정 하시겠습니까?')){
 			try {
 				const response = await riskMgtApi.updateMsgIntrcp(this.row);
 				const result = response.data;
 				if (result != null && result.retCode == "0000") {
-				alert('수정 하였습니다.');
+					this.row.title = '메세지 차단';
+         	 	this.row.msg1 = '수정 하였습니다.';
+           		this.$parent.msgAlertModalOpen(this.row);
 				}
 				this.toComplete();
 			} catch(err) {
-				alert("실패 하였습니다.");
+				this.row.title = '메세지 차단';
+         	 	this.row.msg1 = '실패 하였습니다.';
+           		this.$parent.msgAlertModalOpen(this.row);
 				}
-			}
+			// }
     	},
 
 		IntrcpDetailModalClose(){
@@ -259,6 +269,16 @@ export default {
 			popup[0].style.display = 'none';
 			
 		},
+		UpdateConfirm(){
+			if(this.doValidate()){
+				this.$refs.ValidationConfirmPopup.msgConfirmUpdateOpen();
+			}
+		},		
+		DeleteConfirm(){
+			if(this.doValidate()){
+				this.$refs.ValidationConfirmPopup.msgConfirmDeleteOpen();
+			}
+		},
 
         
 

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

@@ -0,0 +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>
+
+            <!-- 발신번호차단 등록 - 최초 등록 -->
+        <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:'',
+        }
+    },
+    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';
+			}
+
+            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';
+			}
+
+        },
+    },
+}
+</script>