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

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

@@ -0,0 +1,177 @@
+<template>
+<div class="wrap bg-wrap">
+    <div class="dimmed modal26" @click="ModalClose();"></div>
+	<div class="popup-wrap modal26">
+        <div class="popup modal26">
+				<div class="pop-head">
+					<h3 class="pop-tit">관리자명 조회</h3>
+				</div>
+				<!--
+                <div class="pop-cont-detail input_box">-->
+                <div class="pop-cont-detail">
+					<label>ID</label>
+					<div class="input_search">
+						<input class="search-box" type="text" placeholder="아이디 입력" v-model.trim="madangId" ref="madangId">
+						<button type="button" class="button grey" @click="searchMadangId()">조회</button>
+					</div>
+				</div>
+				<div class="pop-btn2">
+					<button class="btn-pcolor">확인</button>
+					<button class="btn-default" @click="ModalClose();">취소</button>
+				</div>
+		</div>
+
+        <search-id-popup ref="searchIdPopModal"> </search-id-popup>
+
+
+    </div>
+</div>
+</template>
+
+<script>
+import api from '@/service/api';
+import custMgtApi from "../service/custMgtApi.js";
+import SearchIdPopup from '../components/SearchIdPopup.vue';
+
+export default {
+    name: "adminNmPop",
+    data(){
+        return{
+           	row: {},
+			authType: [],
+			insertType:0,
+			madangId:'',
+			name:'',
+			mdn:'',
+			email:'',
+			auth:'',
+			stat: '',
+			userNm:"",
+            userPwd1:"",
+            userPwd2:"",
+			code:"",
+            agencyNm:"",
+			idCheck: false,
+			props: {}, 
+        }
+    },
+    components: {
+        SearchIdPopup,
+    },
+    model: {
+		//prop: 'sendData',
+		//event: 'event-data'
+	},
+	//props: ['sendData'],
+    created(){
+        this.setAuthData();
+        this.formReset();
+    },
+    methods : {
+        // 마당ID 조회
+        async searchMadangId(){
+            if(!this.madangId){
+				alert('마당ID를 입력해주세요');
+				this.$refs.madangId.focus();
+				return false;
+			}
+			var params = {
+        		"adminId": this.madangId
+        	}
+			console.log(this.madangId);
+
+			try {
+				const response = await custMgtApi.selectSearchMadangId(params);
+				const result = response.data;
+				console.log(result);
+				if (result != null && result.retCode == "0000") {					
+					this.madangId = result.data.adminId;
+					this.userNm = result.data.adminNm;
+					this.code = result.data.adminCd;
+					this.agencyNm = result.data.agencyNm;					
+
+					// 마당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,
+				"code": this.code,
+				"agencyNm": this.agencyNm
+        	}
+			this.$refs.searchIdPopModal.searchIdPop(params);
+		},
+		searchIdFailPop(){
+			//alert('마당ID 조회 실패 팝업이동 ->');
+			this.$refs.searchIdPopModal.searchIdFailPop();
+		},
+		resetRegPop(){
+			this.formReset();	
+			this.$refs.madangId.focus();
+		},
+        setAuthData() {
+			// 권한 옵션.
+			api.commAuth().then(response => {
+				this.authType = response.data.data.list;
+			});
+		},
+		formReset(){
+			Object.assign(this.$data, this.$options.data());
+		},
+        // 모달 띄우기
+		ModalOpen(){
+			this.formReset();
+			var dimmed = document.getElementsByClassName('modal26');
+			for(var i = 0; i < dimmed.length; i++){
+				dimmed[i].style.display = 'block';
+			}
+		},
+		// 모달 끄기
+		ModalClose(){
+            console.log('adminNm modal close');
+			var dimmed = document.getElementsByClassName('modal26');
+			for(var i = 0; i < dimmed.length; i++){
+				dimmed[i].style.display = 'none';
+			}
+			
+		},
+
+    }
+}
+
+// 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>
+
+