<template>
<div>
<el-card class="fade-in-left" shadow="always">
<h3>로그인</h3>
<el-form :inline="true" class="demo-form-inline" style="margin-bottom:-20px">
<el-form-item label="아이디" label-width="120px">
<el-input v-model="member.uid" size="mini" placeholder="아이디" style="width:192px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" class="demo-form-inline" style="margin-bottom:-20px">
<el-form-item label="암호" label-width="120px">
<el-input v-model="member.upw" size="mini" placeholder="암호" show-password @keyup.enter="handleLogin"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" class="demo-form-inline" style="margin-bottom:-20px">
<el-form-item label=" " label-width="120px">
<el-button type="primary" size="mini" @click="handleLogin">로그인</el-button>
<el-button size="mini" @click="handleHome">홈</el-button>
</el-form-item>
</el-form>
</el-card>
</div>
</template>
<script>
import {useStore} from 'vuex';
export default {
methods:{
async handleLogin() {
const url = `/member/select`;
const headers = { "Content-Type": "application/json" };
const body = this.member;
const response = await this.axios.post(url, body, { headers: headers });
console.log(response.data);
if(response.data.status === 200) {
sessionStorage.setItem("TOKEN", response.data.result.token);
this.$router.push({ name: 'Home' });
this.store.commit('setMenu', 'home');
}
else {
alert('아이디 또는 비밀번호가 맞지 않습니다');
}
},
handleHome() {
this.$router.push({ name: 'Home' });
this.store.commit('setMenu', 'home');
}
},
data(){
return {
member: {
uid : '',
upw : '',
token : '',
},
store : useStore()
}
}
}
</script>
<style scoped>
</style>