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

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;
 		},
 	}
 }