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

frontend/src/modules/sysMgt/components/AdminDetailPop.vue

@@ -57,14 +57,10 @@
 							<tr>
 								<th class="center">상태</th>
 								<td>
-									<input type="radio" name="state" value="01" id="popup_radio1" 
-										v-model="stat"
-										:checked="stat == '1'">
-									<label for="popup_radio1">사용</label>
-									<input type="radio" name="state" value="02" id="popup_radio2" 
-										v-model="stat"
-										:checked="stat == '02'">
-									<label for="popup_radio2">정지</label>
+									<input type="radio" name="state" value="01" id="detail_popup_radio1" v-model="stat">
+									<label for="detail_popup_radio1">사용</label>
+									<input type="radio" name="state" value="02" id="detail_popup_radio2" v-model="stat">
+									<label for="detail_popup_radio2">정지</label>
 								</td>
 							</tr>
 						</tbody>
@@ -105,7 +101,7 @@ export default {
 			mdn:'',
 			email:'',
 			auth:'',
-			stat: '',
+			stat: "",
 			userNm:"",
             userPwd1:"",
             userPwd2:"",
@@ -120,6 +116,7 @@ export default {
 	created(){
 		//this.formReset();
 		this.setAuthData();
+		this.formReset();
     }, 
 	methods :{
 		doPwdValidate(){
@@ -194,7 +191,7 @@ export default {
 		},
 		// 모달 끄기
 		adminDetailModalClose(){
-			this.formReset();
+			//this.formReset();
 			var dimmed = document.getElementsByClassName('modal21');
 			for(var i = 0; i < dimmed.length; i++){
 				dimmed[i].style.display = 'none';
@@ -225,7 +222,9 @@ export default {
 			});
 		},
 		formReset(){
-			this.$refs.adminDetailForm.reset();
+			var type= this.insertType;
+			Object.assign(this.$data, this.$options.data());
+			this.insertType = type;
 		},
 	}
 }

frontend/src/modules/sysMgt/components/AdminRegPop.vue

@@ -16,7 +16,7 @@
 								<th>마당 ID</th>
 								<td class="input_search">
 									<input type="text" placeholder="아이디 입력" v-model.trim="madangId" ref="madangId">
-									<button type="button" class="button grey" >조회</button>
+									<button type="button" class="button grey" @click="searchMadangId()">조회</button>
 								</td>
 							</tr>
 							<tr>
@@ -74,6 +74,9 @@
 					<button class="btn-pcolor" @click="doInsert">저장</button>
 				</div>
 			</div>
+
+			<search-id-popup ref="searchIdPopModal"> </search-id-popup>
+
 		</div>
 	</div>
 </template>
@@ -82,7 +85,9 @@
 import api from '@/service/api';
 import sysMgtApi from "../service/sysMgtApi.js";
 import { utils_mixin, chkPattern2 } from '../service/mixins';
+import SearchIdPopup from '../components/SearchIdPopup.vue';
 import lodash from "lodash";
+// searchIdPopModal
 
 export default {
 	name: "adminRegPop",
@@ -107,7 +112,12 @@ export default {
             userPwd1:"",
             userPwd2:"",
 			code:"",
+			idCheck: false,
+			props: {},
         }
+    },
+	components: {
+		SearchIdPopup,
     },
 	model: {
 		prop: 'sendData',
@@ -115,8 +125,9 @@ export default {
 	},
 	props: ['sendData'],
 	created(){            
-		this.formReset();
+		//this.formReset();
 		this.setAuthData();
+		this.formReset();
     }, 
 	methods :{
 		doPwdValidate(){			
@@ -153,6 +164,11 @@ export default {
 			return true;
 		},
 		doValidate(){
+			if(!this.idCheck){
+				alert("유효한 마당ID가 아닙니다.");
+				this.$refs.madangId.focus();
+				return false;
+			}
 			if(!this.doPwdValidate()){
 				return false;
 			}
@@ -205,8 +221,81 @@ export default {
 			this.row.stat=this.stat;
 			return true;
 		},
+		// 마당ID 조회
+		async searchMadangId(){
+
+			if(!this.madangId){
+				alert('마당ID를 입력해주세요');
+				this.$refs.madangId.focus();
+				return false;
+			}
+			var params = {
+        		"madangId": this.madangId
+        	}
+			console.log(this.madangId);
+
+			try {
+				const response = await sysMgtApi.selectSearchMadangId(params);
+				const result = response.data;
+				console.log(result);
+				if (result != null && result.retCode == "0000") {					
+					this.madangId = result.data.madangId;
+					this.userNm = result.data.name;
+					this.email = result.data.email;
+					this.mdn = result.data.mdn;					
+
+					// 마당ID조회 성공 팝업노출
+					this.searchIdPop();
+					//console.log(this.userNm);	
+
+					this.idCheck = true;
+					this.$refs._pwd1.focus();						
+
+				}else if(result.retCode == '1004'){
+					//alert('마당ID 정보가 없습니다.');
+					this.searchIdFailPop();
+					this.idCheck = false;
+					this.$refs.madangId.focus();
+					return false;
+				}else {
+					//alert('마당ID 조회에 실패하였습니다.');
+					this.searchIdFailPop();
+					this.idCheck = false;
+					this.$refs.madangId.focus();
+					return false;
+				}
+			} catch(err) {
+				//alert("실패 하였습니다.");
+				this.searchIdFailPop();
+				this.idCheck = false;
+				this.$refs.madangId.focus();
+				return false;
+			}			
+			
+		},
+		searchIdPop(){
+			//alert('마당ID 조회 성공 팝업이동 ->');
+			var params = {
+        		"madangId": this.madangId,
+				"userNm": this.userNm,
+				"email": this.email,
+				"mdn": this.mdn
+        	}
+			this.$refs.searchIdPopModal.searchIdPop(params);
+		},
+		searchIdFailPop(){
+			//alert('마당ID 조회 실패 팝업이동 ->');
+			this.$refs.searchIdPopModal.searchIdFailPop();
+		},
+		resetRegPop(){
+			this.formReset();	
+			this.$refs.madangId.focus();
+		},
+
+
 		// 모달 띄우기
 		ModalOpen(insertType){
+			this.formReset();
 			this.insertType=insertType;
 			var dimmed = document.getElementsByClassName('dimmed');
 			dimmed[0].style.display = 'block';
@@ -217,7 +306,6 @@ export default {
 		},
 		// 모달 끄기
 		ModalClose(){
-			this.formReset();
 			var dimmed = document.getElementsByClassName('dimmed');
 			dimmed[0].style.display = 'none';
 			var wrap = document.getElementsByClassName('popup-wrap');
@@ -252,7 +340,9 @@ export default {
 			});
 		},
 		formReset(){
-			this.$refs.adminRegForm.reset();
+			var type= this.insertType;
+			Object.assign(this.$data, this.$options.data());
+			this.insertType = type;
 		},
 	}
 }

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

@@ -0,0 +1,164 @@
+<template>  
+
+	<div>
+<!--	s: 팝업	-->
+		<div class="dimmed modal17" @click="searchIdFailModalClose();"></div>
+		<div class="popup-wrap modal17">
+			<!-- 시스템관리 팝업 -->
+
+			<!-- ID 조회 -->
+			<div class="popup modal17">
+				<div class="pop-head">
+					<h3 class="pop-tit">ID 조회</h3>
+				</div>
+				<div class="pop-cont">
+					<p>입력하신 마당ID를 조회할 수 없습니다</p>
+				</div>
+				<div class="pop-btn1">
+					<button class="btn-pcolor" @click="searchIdFailModalClose();">확인</button>
+				</div>
+			</div>
+		</div>
+
+		<div class="dimmed modal18" @click="searchIdModalCancelClose();"></div>
+		<div class="popup-wrap modal18">
+			<!-- 관리자 ID 조회 -->
+			<div class="popup modal18">
+				<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>이름 : {{name}}</li>
+					<li>휴대폰번호 : {{mdn}}</li>
+					<li>이메일 : {{email}}</li>
+				</ul>
+				<div class="pop-btn2">
+					<!-- this.ModalOpen('modal20'); -->
+					<button class="btn-default" @click="searchIdModalCancelClose();">취소</button>
+					<button class="btn-pcolor"  @click="searchIdModalOkClose();">확인</button>
+				</div>
+			</div>
+
+			<!-- 시스템관리 팝업 끝-->
+		</div>
+<!--	e: 팝업	-->
+	</div>
+	
+</template>
+
+<script>
+//import api from '@/service/api';
+import sysMgtApi from '../service/sysMgtApi';
+
+
+export default {
+	data(){
+        return{
+	      authType: [],
+		  madangId:'',
+		  adminPw:'',
+		  name:'',
+		  mdn:'',
+		  email:'',
+		  auth:'',
+          stat: ''
+        }
+    },
+	methods :{
+		// 모달 띄우기(성공모달)
+		searchIdModalOpen(target){
+			console.log("SearchIdModalOpen");
+			var dimmed = document.getElementsByClassName('dimmed modal18');
+			var wrap = document.getElementsByClassName('popup-wrap modal18');
+			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('modal18');
+			for(var i = 0; i < dimmed.length; i++){
+				dimmed[i].style.display = 'none';
+			}
+		},
+		// 성공 모달 끄기(cancel)
+		searchIdModalCancelClose(){
+			var dimmed = document.getElementsByClassName('modal18');
+			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 modal17');
+			var wrap = document.getElementsByClassName('popup-wrap modal17');
+			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('modal17');
+			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.email = params.email;
+			this.mdn = params.mdn;	
+			
+			//alert( userName + ': 조회 성공');
+			var dimmed = document.getElementsByClassName('modal18');
+			for(var i = 0; i < dimmed.length; i++){
+				dimmed[i].style.display = 'block';
+			}
+			//this.searchIdModalModalOpen('modal18');
+		},
+		searchIdFailPop(){			
+			//alert( '조회 실패');
+			var dimmed = document.getElementsByClassName('modal17');
+			for(var i = 0; i < dimmed.length; i++){
+				dimmed[i].style.display = 'block';
+			}
+		},
+		//메뉴바
+		testClick(){
+			const menuList = document.querySelectorAll('.main_menu .is-sub');
+	for(const menu of menuList){
+		menu.addEventListener('click', (e)=> {
+			if(e.target.classList.contains('menu_target') || e.target.classList.contains('menu_btn')){
+				const menuListCheck = e.target.parentNode;
+				if(menuListCheck.classList.contains('is-current')){
+					menuListCheck.classList.remove('is-current');
+				} else {
+					for(const other of menuList){
+						other.classList.remove('is-current');
+					}	
+					menuListCheck.classList.add('is-current');
+				}
+			}
+		})
+	}
+		}
+	}
+}
+</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>