mirror of
http://git.mhez-qa.uplus.co.kr/hubez/hubez-admin.git
synced 2025-12-07 02:59:22 +09:00
시스템관리 - 권한관리, 고객관리 - 청약고객관리/회원관리 추가
This commit is contained in:
kimre
395
frontend/src/modules/custMgt/components/ValidationConfirmPop.vue
Normal file
395
frontend/src/modules/custMgt/components/ValidationConfirmPop.vue
Normal file
@@ -0,0 +1,395 @@
|
||||
<template>
|
||||
<!-- <div class="wrap bg-wrap"> -->
|
||||
<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="pop-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>
|
||||
<p>발송하시겠습니까?</p>
|
||||
<p>사용을 위해서는 등록된 이메일 인증 후</p>
|
||||
<p>서비스 이용이 가능합니다.</p>
|
||||
</div>
|
||||
<div class="pop-btn2">
|
||||
<button class="btn-pcolor" @click="confirmInsert();">확인</button>
|
||||
<button class="btn-default" @click="confirmInsertClose();">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 사용자 등록 - 이메일 형식 체크 -->
|
||||
<div class="dimmed validation-email" @click="validationEmailClose();"></div>
|
||||
<div class="popup-wrap validation-email">
|
||||
<div class="popup validation-email">
|
||||
<div class="pop-head">
|
||||
<h3 class="pop-tit">사용자 등록</h3>
|
||||
</div>
|
||||
<div class="pop-cont">
|
||||
<p>E-mail 형식에 맞지 않습니다.</p>
|
||||
<p>확인하여 다시 등록 부탁 드립니다.</p>
|
||||
</div>
|
||||
<div class="pop-btn1">
|
||||
<button class="btn-pcolor" @click="validationEmailClose();">확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 사용자 등록 - 아이디 중복 체크 -->
|
||||
<div class="dimmed validation-id-duplicate" @click="validationIdDuplicateClose();"></div>
|
||||
<div class="popup-wrap validation-id-duplicate">
|
||||
<div class="popup validation-id-duplicate">
|
||||
<div class="pop-head">
|
||||
<h3 class="pop-tit">사용자 등록</h3>
|
||||
</div>
|
||||
<div class="pop-cont">
|
||||
<p>중복된 아이디가 있습니다.</p>
|
||||
<p>아이디를 다시 확인하여 등록 부탁드립니다.</p>
|
||||
</div>
|
||||
<div class="pop-btn1">
|
||||
<button class="btn-pcolor" @click="validationIdDuplicateClose();">확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 사용자 등록 - 최대 등록 제한 -->
|
||||
<div class="dimmed valication-maxlimit" @click="validationMaxlimitClose();"></div>
|
||||
<div class="popup-wrap validation-maxlimit">
|
||||
<div class="popup validation-maxlimit">
|
||||
<div class="pop-head">
|
||||
<h3 class="pop-tit">사용자 등록</h3>
|
||||
</div>
|
||||
<div class="pop-cont">
|
||||
<p>사용자는 최대 100개까지 등록 가능합니다.</p>
|
||||
</div>
|
||||
<div class="pop-btn1">
|
||||
<button class="btn-pcolor" @click="validationMaxlimitClose();">확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 사용자 등록 - 휴대폰번호 형식 체크 -->
|
||||
<div class="dimmed valication-phonenumber" @click="valicationPhonenumberClose();"></div>
|
||||
<div class="popup-wrap valication-phonenumber">
|
||||
<div class="popup valication-phonenumber">
|
||||
<div class="pop-head">
|
||||
<h3 class="pop-tit">사용자 등록</h3>
|
||||
</div>
|
||||
<div class="pop-cont">
|
||||
<p>휴대폰번호를 확인해 주세요.</p>
|
||||
</div>
|
||||
<div class="pop-btn1">
|
||||
<button class="btn-pcolor" @click="valicationPhonenumberClose();">확인</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>
|
||||
</div>
|
||||
<div class="pop-btn2">
|
||||
<button class="btn-pcolor" @click="confirmDelete();">확인</button>
|
||||
<button class="btn-default" @click="confirmDeleteClose();">취소</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="pop-btn2">
|
||||
<button class="btn-pcolor" @click="confirmUpdate();">확인</button>
|
||||
<button class="btn-default" @click="confirmUpdateClose();">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 사용자 ID 생성 파일 업로드 - 성공 -->
|
||||
<div class="dimmed success-fileupload" @click="successFileuploadClose();"></div>
|
||||
<div class="popup-wrap success-fileupload">
|
||||
<div class="popup success-fileupload">
|
||||
<div class="pop-head">
|
||||
<h3 class="pop-tit">사용자 ID 생성 파일 업로드</h3>
|
||||
</div>
|
||||
<div class="pop-cont">
|
||||
<p>정상 업로드 되었습니다.</p>
|
||||
</div>
|
||||
<div class="pop-btn1">
|
||||
<button class="btn-pcolor" @click="successFileuploadClose();">확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
name: "validationConfirmPop",
|
||||
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';
|
||||
}
|
||||
|
||||
//this.$parent.
|
||||
|
||||
},
|
||||
//사용자등록 - 최초등록
|
||||
confirmInsert(){
|
||||
var dimmed = document.getElementsByClassName('confirm-insert');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'none';
|
||||
}
|
||||
|
||||
//this.$parent.
|
||||
|
||||
},
|
||||
//사용자등록 - 최초등록 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';
|
||||
}
|
||||
|
||||
},
|
||||
//사용자 삭제 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.updateAdminInfo();
|
||||
|
||||
},
|
||||
// 사용자 수정 Close
|
||||
confirmUpdateClose(){
|
||||
var dimmed = document.getElementsByClassName('confirm-update');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'none';
|
||||
}
|
||||
|
||||
this.toComplete();
|
||||
|
||||
},
|
||||
// 이메일 형식 체크 Open
|
||||
validationEmailOpen(){
|
||||
var dimmed = document.getElementsByClassName('validation-email');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'block';
|
||||
}
|
||||
|
||||
},
|
||||
// 이메일 형식 체크 Close
|
||||
validationEmailClose(){
|
||||
var dimmed = document.getElementsByClassName('validation-email');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'none';
|
||||
}
|
||||
|
||||
},
|
||||
// 아이디 중복 체크 Open
|
||||
validationIdDuplicateOpen(){
|
||||
var dimmed = document.getElementsByClassName('validation-id-duplicate');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'block';
|
||||
}
|
||||
|
||||
},
|
||||
// 아이디 중복 체크 Close
|
||||
validationIdDuplicateClose(){
|
||||
var dimmed = document.getElementsByClassName('validation-id-duplicate');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'none';
|
||||
}
|
||||
|
||||
},
|
||||
// 최대 등록 제한 Open
|
||||
validationMaxlimitOpen(){
|
||||
var dimmed = document.getElementsByClassName('validation-maxlimit');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'block';
|
||||
}
|
||||
|
||||
},
|
||||
// 최대 등록 제한 Close
|
||||
validationMaxlimitClose(){
|
||||
var dimmed = document.getElementsByClassName('validation-maxlimit');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'none';
|
||||
}
|
||||
|
||||
},
|
||||
// 휴대폰번호 형식 체크 Open
|
||||
valicationPhonenumberOpen(){
|
||||
var dimmed = document.getElementsByClassName('valication-phonenumber');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'block';
|
||||
}
|
||||
|
||||
},
|
||||
// 휴대폰번호 형식 체크 Close
|
||||
valicationPhonenumberClose(){
|
||||
var dimmed = document.getElementsByClassName('valication-phonenumber');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'none';
|
||||
}
|
||||
|
||||
},
|
||||
// 사용자 ID 생성 파일 업로드 - 성공 Open
|
||||
successFileuploadOpen(){
|
||||
var dimmed = document.getElementsByClassName('success-fileupload');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'block';
|
||||
}
|
||||
|
||||
},
|
||||
// 사용자 ID 생성 파일 업로드 - 성공 Close
|
||||
successFileuploadClose(){
|
||||
var dimmed = document.getElementsByClassName('success-fileupload');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'none';
|
||||
}
|
||||
|
||||
// 목록페이지 이동
|
||||
this.toComplete();
|
||||
|
||||
},
|
||||
// 정상완료 후 목록페이지 이동
|
||||
toComplete(){
|
||||
this.row.searchType1 = '';
|
||||
this.row.searchType2= '';
|
||||
this.row.searchType3= '';
|
||||
this.row.searchText1= '';
|
||||
this.row.startDt= '';
|
||||
this.row.endDt= '';
|
||||
this.row.page = 1;
|
||||
|
||||
this.$router.push({ name: 'subsList', params: this.row });
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
// 모달 오픈
|
||||
confirmModalOpen(props){
|
||||
var dimmed = document.getElementsByClassName('confirm');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'block';
|
||||
}
|
||||
|
||||
// var modal41 = document.getElementsByClassName('modal41');
|
||||
// modal41[0].style.display = 'block';
|
||||
|
||||
this.title = props.title;
|
||||
this.msg = props.msg;
|
||||
},
|
||||
// 모달 끄기(ok)
|
||||
confirmModalClose(){
|
||||
var dimmed = document.getElementsByClassName('confirm');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'none';
|
||||
}
|
||||
|
||||
this.row.result = true;
|
||||
// 부모 함수 호출.
|
||||
this.$parent.confirmCalbackFnc(this.row);
|
||||
},
|
||||
// 모달 끄기(취소)
|
||||
confirmModalCancel(){
|
||||
var dimmed = document.getElementsByClassName('confirm');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
dimmed[i].style.display = 'none';
|
||||
}
|
||||
|
||||
this.row.result = false;
|
||||
// 부모 함수 호출.
|
||||
this.$parent.confirmCalbackFnc(this.row);
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.popup-btn-wrap {width: 500px; margin: auto; padding: 100px 0;}
|
||||
.popup-btn-wrap button {width: 100%; margin-bottom: 10px; height: 50px; border-radius: 5px; box-shadow: none; border: 1px solid #000; }
|
||||
.popup-btn-wrap button:hover {background: #000; color: #fff;}
|
||||
</style>
|
||||
Reference in New Issue
Block a user