hubez-admin partner-git master -> hubez-git transfer 202205241800

frontend/src/modules/login/views/LoginMain.vue

@@ -0,0 +1,153 @@
+<template>  
+<div class="wrap bg-wrap">
+		<div class="login-box adm-login">
+			<div class="wbox">
+				<div class="logo"></div>
+				<h3 class="title">관리자 로그인</h3>
+				<!-- <form action=""> -->
+					<div class="login-form">
+						<li><input type="text" placeholder="아이디" v-model="userId"></li>
+						<li><input type="password" placeholder="비밀번호" v-model="userPwd"></li>
+						<li>
+							<span class="lcont"><input type="checkbox" id="id-remember" ref="chkSaveId" checked><label for="id-remember">아이디 저장</label></span>
+							<span class="rcont"><button class="btn-pwreset" @click="clickMenu('/view/login/resetPassword')">비밀번호 초기화</button></span>
+						</li>
+						<li><button class="btn-pcolor" v-on:click="ajaxlogin">로그인</button></li>
+					</div>
+				<!-- </form> -->
+				<div class="login-notice">
+					<div>
+						<li>비밀번호 분실 시 비밀번호 초기화를 이용해주세요.</li>
+						<li>비밀번호는 90일이내 변경하여 안전히 관리해주세요.</li>
+					</div>
+				</div>
+			</div>
+       
+		</div>
+    <login-popup ref="LoginPopup"> </login-popup>
+    </div> 
+</template>
+
+<script>
+  import api from '../service/api';
+  import LoginPopup from '@/components/LoginPopup.vue';
+  import tokenSvc from '@/common/token-service';
+  //import * as utils from '@/common/utils';
+
+  export default {
+    data: function() {
+      return {
+        errors: [],
+        corpId: '',
+        userId: '',
+        userPwd: ''
+      };
+    },
+    created() {      
+      // 로그인 페이지 진입시
+      if(!!tokenSvc.getToken()){        
+        this.$store.commit("login/isLogin", true);      
+        this.$store.commit("login/isAuthChk", true);
+        this.$router.push({ path: '/' });
+      }else{
+        this.$store.commit("login/isLogin", false);
+        this.$store.commit("login/isAuthChk", false);
+        this.$store.commit("login/isErrorPage", false);
+      }
+    },
+    mounted() {    
+      this.$refs.chkSaveId.checked = true;
+
+      if (localStorage.hubwebUserId) {  
+        this.userId = localStorage.hubwebUserId;
+      }
+    },
+    destroyed() {
+      let cont = document.querySelector(".wrap");
+      cont.classList.remove("login-wrap");      
+    },
+    components: {
+        LoginPopup : LoginPopup
+    },
+    methods: {
+      chgChkUserId() {
+        if (this.$refs.chkSaveId.checked == true) {
+          localStorage.hubwebUserId = this.userId;
+        } else {
+          delete localStorage.hubwebUserId;
+        }
+      },
+      toRegister(){
+        this.$router.push({ name: 'register'});
+      },
+      formCheck: function() {
+        this.errors = [];
+        
+
+        if (!this.userId) this.errors.push('아이디를 입력해 주세요.');
+        if (!this.userPwd) this.errors.push('비밀번호를 입력해 주세요.');
+
+        return this.errors.length == 0;
+      },
+      ajaxlogin: function() {
+        
+        var vm = this;
+        vm.errmsg = null;
+
+        if (!vm.formCheck()) return false;
+        
+        let oprtrPw = this.userPwd;
+        
+        // FormData 객체를 파라미터로 넘기면 Content-Type: multipart/form-data; 요청을 한다.
+        // 일반 Object를 파라미터로 넘기면 Content-Type: application/json;charset=UTF-8 요청을 한다.
+        var params = {          
+          "oprtrId": this.userId,
+          "oprtrPw": this.userPwd,
+        }        
+        //로그인버튼을 누를시 상황
+        api.login(params).then(function(response) {    
+          
+          var rsp = response.data;     
+          
+          if(rsp.retCode == '0000'){            
+            var path = rsp.data.nextUrl;
+            console.log(path);
+            vm.chgChkUserId();            
+            vm.$store.commit("login/isLogin", true);
+            vm.$store.commit("login/savePwd", oprtrPw);
+            vm.$router.push({ path: '/view/login/auth'});
+          } else if(rsp.retCode == '4004') { // ID/PWD 불일치
+            vm.errors.push('로그인 실패하였습니다. (5회 실패 시 계정 잠김)');
+            vm.ModalOpen('modal01');
+          } else if(rsp.retCode == '4005') { // ID/PWD 불일치 횟수초과로 계정 잠김
+            // msg = '5회 이상 로그인 실패하여 해당 아이디에 대한 계정이 잠금처리되었습니다.\n관리자에게 문의하세요.';
+            vm.ModalOpen('modal02');
+          } else if(rsp.retCode == '4006') {
+            // msg = '비밀번호를 변경하신지 90일이 지났습니다.\n비밀번호 변경 화면으로 이동합니다.';
+            vm.ModalOpen('modal04');
+          } else if(rsp.retCode == '4007') {
+             // msg = '관리자 승인 후 이용할 수 있습니다.';
+            vm.ModalOpen('modal03');
+         } else {            
+            vm.$store.commit("login/isLogin", false);
+            return;
+          }
+        });
+
+      },
+
+
+      clickMenu(link){
+       
+       this.$router.push({
+            path: link
+        }); 
+    },
+   ModalOpen: function(target){      
+      this.$refs.LoginPopup.ModalOpen(target);
+    },
+    
+    } //method 끝
+  };
+
+</script>