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

2025-12-07 06:52:01 +09:00 · 2022-06-29 17:52:26 +09:00
parent 056ccf20e1
commit 0a2e30b1c2
32 changed files with 2864 additions and 992 deletions
--- a/frontend/src/modules/riskMgt/components/InsertIntrcpPop.vue
+++ b/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>

--- a/frontend/src/modules/riskMgt/components/InsertMsgPop.vue
+++ b/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();
+			}
+		},		

    },

--- a/frontend/src/modules/riskMgt/components/IntrcpDetailPopup.vue
+++ b/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();
+			}
+		},		
+		

 		

--- a/frontend/src/modules/riskMgt/components/IntrcpMsgDetail.vue
+++ b/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();
+			}
+		},

        

--- a/frontend/src/modules/riskMgt/components/ValidationConfirmPopup.vue
+++ b/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>
--- a/frontend/src/modules/riskMgt/views/IntrcpList.vue
+++ b/frontend/src/modules/riskMgt/views/IntrcpList.vue
@@ -82,7 +82,7 @@
            </div>
            <insert-intrcp-pop ref="insertIntrcpPop"> </insert-intrcp-pop>
            <intrcp-detail-popup ref="intrcpDetailPopup"></intrcp-detail-popup>
-            <common-modal ref="commmonModal"></common-modal>
+            <common-modal ref="commonModal"></common-modal>
      </div>
 		</div>
 </template>
@@ -241,6 +241,20 @@ export default {
 		// 	Object.assign(this.$data, this.$options.data());
 		// 	this.insertType = type;
 		// },
+
+    alertInsert(props){
+      console.log(props);
+      this.$refs.commonModal.alertModalOpen(props);
+    },
+    confirmInsert(props){
+      this.$refs.commonModal.confirmModalOpen(props);
+    },
+    confirmCalbackFnc: function(props){
+		console.log('dsfsd');
+		// if(props.result){
+		// 	// this.doInsert(props.result);
+		// }
+	  },
    
  },
  beforeRouteLeave(to, from, next) {
--- a/frontend/src/modules/riskMgt/views/Msg.vue
+++ b/frontend/src/modules/riskMgt/views/Msg.vue
@@ -61,7 +61,7 @@
 			</div>
      <insert-msg-pop ref="InsertMsgPop"></insert-msg-pop>
      <intrcp-msg-detail ref="IntrcpMsgDetail"></intrcp-msg-detail>
-      <common-modal ref="commmonModal"></common-modal>
+      <common-modal ref="commonModal"></common-modal>
 		</div>
 </template>

@@ -202,7 +202,10 @@ export default {
      msgDetailPop(props) {
        // console.log(props);
        this.$refs.IntrcpMsgDetail.IntrcpMsgDetailModalOpen(props);
-      } 
+      }, 
+      msgAlertModalOpen(props){
+        this.$refs.commonModal.alertModalOpen(props);
+      }

  },
  beforeRouteLeave(to, from, next) {
--- a/frontend/src/modules/riskMgt/views/ZezNum.vue
+++ b/frontend/src/modules/riskMgt/views/ZezNum.vue
@@ -185,7 +185,8 @@ export default {
    },
    //회원 상세페이지로 이동
    memberDetail(props) {
-      this.row.custNm = props.serviceId;
+      console.log(props);
+      this.row.serviceId = props.userId;
        this.$router.push({ name: 'subsDetail', params: this.row});
    }
  },