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

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();
+			}
+		},