시스템관리 - 권한관리, 고객관리 - 청약고객관리/회원관리 추가

frontend/src/modules/custMgt/components/SearchIdPopup.vue

@@ -0,0 +1,144 @@
+<template>  
+
+	<div>
+<!--	s: 팝업	-->
+		<!-- 관리자명 조회 실패시 -->
+		<div class="dimmed modal27" @click="searchIdFailModalClose();"></div>
+		<div class="popup-wrap modal27">
+			<div class="popup modal27">
+				<div class="pop-head">
+					<h3 class="pop-tit">관리자명 조회</h3>
+				</div>
+				<div class="pop-cont">
+					<p>입력하신 마당 ID를 조회할 수 없습니다.</p>
+				</div>
+				<div class="pop-btn1">
+					<button class="btn-pcolor" @click="searchIdFailModalClose();">확인</button>
+				</div>
+			</div>	
+		</div>
+			
+			<!-- 관리자 ID 조회 -->
+		<div class="dimmed modal28" @click="searchIdModalCancelClose();"></div>
+		<div class="popup-wrap modal28">
+			<div class="popup modal28">
+				<div class="pop-head">
+					<h3 class="pop-tit">관리자 ID 조회</h3>
+				</div>
+				<div class="pop-cont">
+					<p>선택하신 정보가 아래와 같습니다.</p>
+					<p>유치자 정보를 수정하시겠습니까?</p>
+				</div>
+				<ul class="pop-cont-detail">
+					<li>마당ID : {{madangId}}</li>
+					<li>코드 : {{code}}</li>
+					<li>이름 : {{name}}</li>
+					<li>대리점명 : {{agencyNm}}</li>
+				</ul>
+				<div class="pop-btn2">
+					<button class="btn-pcolor" @click="searchIdModalOkClose();">확인</button>
+					<button class="btn-default" @click="searchIdModalCancelClose();">취소</button>
+				</div>
+			</div>
+		</div>
+
+			<!-- 시스템관리 팝업 끝-->
+<!--	e: 팝업	-->
+	</div>
+	
+</template>
+
+<script>
+
+import custMgtApi from "../service/custMgtApi.js";
+
+export default {
+	data(){
+        return{
+	      authType: [],
+		  madangId:'',
+		  adminPw:'',
+		  name:'',
+		  mdn:'',
+		  email:'',
+		  auth:'',
+          stat: '',
+		  code: '',
+		  userNm:"",
+		  agencyNm:"",
+        }
+    },
+	methods :{
+		// 모달 띄우기(성공모달)
+		searchIdModalOpen(target){
+			console.log("SearchIdModalOpen");
+			var dimmed = document.getElementsByClassName('dimmed modal28');
+			var wrap = document.getElementsByClassName('popup-wrap modal28');
+			var obj = document.getElementsByClassName(target);
+			dimmed[0].style.display = 'block';
+			wrap[0].style.display = 'block';
+			obj[0].style.display = 'block';
+		},
+		// 성공 모달 끄기(ok)
+		searchIdModalOkClose(){
+			var dimmed = document.getElementsByClassName('modal28');
+			for(var i = 0; i < dimmed.length; i++){
+				dimmed[i].style.display = 'none';
+			}
+		},
+		// 성공 모달 끄기(cancel)
+		searchIdModalCancelClose(){
+			var dimmed = document.getElementsByClassName('modal28');
+			for(var i = 0; i < dimmed.length; i++){
+				dimmed[i].style.display = 'none';
+			}
+			this.$parent.resetRegPop();
+		},
+		// 모달 띄우기(실패모달)
+		searchIdFailModalOpen(target){
+			console.log("SearchIdFailModalOpen");
+			var dimmed = document.getElementsByClassName('dimmed modal27');
+			var wrap = document.getElementsByClassName('popup-wrap modal27');
+			var obj = document.getElementsByClassName(target);
+			dimmed[0].style.display = 'block';
+			wrap[0].style.display = 'block';
+			obj[0].style.display = 'block';
+		},
+		// 실패 모달 끄기
+		searchIdFailModalClose(){
+			var dimmed = document.getElementsByClassName('modal27');
+			for(var i = 0; i < dimmed.length; i++){
+				dimmed[i].style.display = 'none';
+			}
+			this.$parent.resetRegPop();
+		},
+		searchIdPop(params){
+			var userName = params.userNm;			
+			this.madangId = params.madangId ;
+			this.name = params.userNm;
+			this.code = params.code;
+			this.agencyNm = params.agencyNm;	
+			
+			//alert( userName + ': 조회 성공');
+			var dimmed = document.getElementsByClassName('modal28');
+			for(var i = 0; i < dimmed.length; i++){
+				dimmed[i].style.display = 'block';
+			}
+			//this.searchIdModalModalOpen('modal18');
+		},
+		searchIdFailPop(){			
+			//alert( '조회 실패');
+			var dimmed = document.getElementsByClassName('modal27');
+			for(var i = 0; i < dimmed.length; i++){
+				dimmed[i].style.display = 'block';
+			}
+		},
+	}
+}
+
+// import '../../../assets/css/layout.css?ver=02';
+// import '../../../assets/css/contents.css?ver=01';
+// import '../../../assets/css/common.css?ver=02';
+// import '../../../assets/css/style.css';
+
+</script>