From 894dd034da2c3b466f0ee80db36342d4b0d01ebc Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期三, 26 一月 2022 23:18:03 +0800
Subject: [PATCH] 管理权限整好
---
src/components/Login.vue | 73 ++++++++++++++++++++----------------
1 files changed, 40 insertions(+), 33 deletions(-)
diff --git a/src/components/Login.vue b/src/components/Login.vue
index 9e3bd7d..cd43fda 100644
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@@ -6,18 +6,18 @@
<img src="../assets/logo.png" alt="" />
</div>
<!-- 鐧诲綍琛ㄥ崟鍖哄煙 -->
- <el-form ref="loginFormRef" :model="loginForm" :rules="loginFormRules" label-width="0px" class="login_form">
+ <el-form ref="loginFormRef" :model="loginForm" label-width="0px" class="login_form">
<!-- 鐢ㄦ埛鍚� -->
<el-form-item prop="username">
- <el-input v-model="loginForm.username" prefix-icon="iconfont icon-user"></el-input>
+ <el-input v-model="loginForm.username" prefix-icon="iconfont icon-user" placeholder="璇疯緭鍏ヨ处鍙�" clearable></el-input>
</el-form-item>
<!-- 瀵嗙爜 -->
<el-form-item prop="password">
- <el-input v-model="loginForm.password" prefix-icon="iconfont icon-3702mima" type="password"></el-input>
+ <el-input v-model="loginForm.password" prefix-icon="iconfont icon-3702mima" type="password" show-password placeholder="璇疯緭鍏ュ瘑鐮�"></el-input>
</el-form-item>
<!-- 鎸夐挳鍖哄煙 -->
<el-form-item class="btns">
- <el-button type="primary" @click="login">鐧诲綍</el-button>
+ <el-button type="primary" @click="Login">鐧诲綍</el-button>
<el-button type="info" @click="resetLoginForm">閲嶇疆</el-button>
</el-form-item>
</el-form>
@@ -26,27 +26,15 @@
</template>
<script>
+import { login } from '../api/api'
export default {
data() {
return {
// 杩欐槸鐧诲綍琛ㄥ崟鐨勬暟鎹粦瀹氬璞�
loginForm: {
- username: 'admin',
+ username: 'rendong',
password: '123456'
},
- // 杩欐槸琛ㄥ崟鐨勯獙璇佽鍒欏璞�
- loginFormRules: {
- // 楠岃瘉鐢ㄦ埛鍚嶆槸鍚﹀悎娉�
- username: [
- { required: true, message: '璇疯緭鍏ョ櫥褰曞悕绉�', trigger: 'blur' },
- { min: 3, max: 10, message: '闀垮害鍦� 3 鍒� 10 涓瓧绗�', trigger: 'blur'}
- ],
- // 楠岃瘉瀵嗙爜鏄惁鍚堟硶
- password: [
- { required: true, message: '璇疯緭鍏ョ櫥褰曞瘑鐮�', trigger: 'blur' },
- { min: 6, max: 15, message: '闀垮害鍦� 6 鍒� 15 涓瓧绗�', trigger: 'blur'}
- ]
- }
}
},
methods: {
@@ -54,22 +42,41 @@
resetLoginForm() {
this.$refs.loginFormRef.resetFields()
},
- login() {
- this.$refs.loginFormRef.validate(async (valid) => {
- if (!valid) return
- const { data: res } = await this.$http.post('/login', this.loginForm)
- console.log('12312123123123123')
- console.log(res)
- if (res.meta.status !== 200) return this.$message.error('鐧诲綍澶辫触锛�')
- this.$message.success('鐧诲綍鎴愬姛')
- // console.log(res)
- // 1. 灏嗙櫥褰曟垚鍔熶箣鍚庣殑 token锛屼繚瀛樺埌瀹㈡埛绔殑 sessionStorage 涓�
- // 1.1 椤圭洰涓嚭浜嗙櫥褰曚箣澶栫殑鍏朵粬API鎺ュ彛锛屽繀椤诲湪鐧诲綍涔嬪悗鎵嶈兘璁块棶
- // 1.2 token 鍙簲鍦ㄥ綋鍓嶇綉绔欐墦寮�鏈熼棿鐢熸晥锛屾墍浠ュ皢 token 淇濆瓨鍦� sessionStorage 涓�
- window.sessionStorage.setItem('token', res.data.token)
- // 2. 閫氳繃缂栫▼寮忓鑸烦杞埌鍚庡彴涓婚〉锛岃矾鐢卞湴鍧�鏄� /home
- this.$router.push('/administrator/main')
+ Login() {
+ const data = {
+ username: this.loginForm.username,
+ password: this.loginForm.password
+ }
+ login(data).then(res => {
+ console.log(res);
+ if(res.code !== 200){
+ this.$message.error('鐧诲綍澶辫触锛�')
+ }else if(res.data.role == '瓒呯骇绠＄悊鍛�'){
+ this.$message.success('瓒呯鐧诲綍鎴愬姛锛�')
+ window.sessionStorage.setItem('token',res.cookie)
+ this.$router.push('/administrator/admain')
+ }else{
+ this.$message.success('鐧诲綍鎴愬姛锛�')
+ window.sessionStorage.setItem('token',res.cookie)
+ this.$router.push('/administrator/main')
+ }
})
+
+ // this.$refs.loginFormRef.validate(async (valid) => {
+ // if (!valid) return
+ // const { data: res } = await this.$http.post('/login', this.loginForm)
+ // console.log('12312123123123123')
+ // console.log(res)
+ // if (res.meta.status !== 200) return this.$message.error('鐧诲綍澶辫触锛�')
+ // this.$message.success('鐧诲綍鎴愬姛')
+ // // console.log(res)
+ // // 1. 灏嗙櫥褰曟垚鍔熶箣鍚庣殑 token锛屼繚瀛樺埌瀹㈡埛绔殑 sessionStorage 涓�
+ // // 1.1 椤圭洰涓嚭浜嗙櫥褰曚箣澶栫殑鍏朵粬API鎺ュ彛锛屽繀椤诲湪鐧诲綍涔嬪悗鎵嶈兘璁块棶
+ // // 1.2 token 鍙簲鍦ㄥ綋鍓嶇綉绔欐墦寮�鏈熼棿鐢熸晥锛屾墍浠ュ皢 token 淇濆瓨鍦� sessionStorage 涓�
+ // window.sessionStorage.setItem('token', res.data.token)
+ // // 2. 閫氳繃缂栫▼寮忓鑸烦杞埌鍚庡彴涓婚〉锛岃矾鐢卞湴鍧�鏄� /home
+ // this.$router.push('/administrator/main')
+ // })
}
}
}
--
Gitblit v1.8.0