Skip to content

T
ty_patentSys
Commit 7dadbb5e by liudx
Options

添加头部个人信息设置

parent 225627a7
Showing with 141 additions and 21 deletions
src/components/HeaderCon.vue
...@@ -6,19 +6,61 @@ ...@@ -6,19 +6,61 @@
</div> </div>
<div class="header_right"> <div class="header_right">
<!-- <img src="" alt=""> --> <!-- <img src="" alt=""> -->
<span class="portrait "></span> <span class="portrait"></span>
<a-popover overlayClassName="portrait_set">
<template #content>
<div class="portrait_btn" @mouseenter="hover($event, '1')">
<span v-if="hover_num == 1" @click="toset">
<img src="@/static/common/icon-yhsz-hover.png" alt="" />&nbsp;
<span :class="[hover_num == 1 ? 'active' : '']">用户设置</span>
</span>
<span v-else>
<img src="@/static/common/icon-yhsz.png" alt="" />&nbsp;
<span :class="[hover_num == 1 ? '' : 'active']">用户设置</span>
</span>
</div>
<br />
<div class="portrait_btn" @mouseenter="hover($event, '2')">
<span v-if="hover_num == 2" @click="exit">
<img src="@/static/common/icon-tcdl-hover.png" alt="" />&nbsp;
<span :class="[hover_num == 2 ? 'active' : '']">退出登录</span>
</span>
<span v-else>
<img src="@/static/common/icon-tcdl.png" alt="" />&nbsp;
<span :class="[hover_num == 2 ? '' : 'active']">退出登录</span>
</span>
</div>
</template>
<span class="tel">{{ username }}</span> <span class="tel">{{ username }}</span>
</a-popover>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "HeaderCon", name: "HeaderCon",
props:{ props: {
'username':{ username: {
type:String, type: String,
} },
},
data() {
return {
hover_num: "",
};
},
methods: {
hover(e, num) {
// console.log(num)
this.hover_num = num;
},
toset(){
},
exit(){
} }
},
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
...@@ -46,15 +88,24 @@ export default { ...@@ -46,15 +88,24 @@ export default {
width: 60px; width: 60px;
height: 60px; height: 60px;
background-color: pink; background-color: pink;
.portrait_set {
.portrait_btn {
cursor: pointer !important;
.active {
color: #3e7bfa !important;
}
} }
}
}
.tel { .tel {
padding: 0 15px; padding: 0 15px;
color: #86909C; color: #86909c;
font-family: "Microsoft YaHei-Bold"; font-family: "Microsoft YaHei-Bold";
line-height: 60px; line-height: 60px;
display: inline-block; display: inline-block;
vertical-align: text-bottom; vertical-align: text-bottom;
} }
} }
} }
</style> </style>
src/store/index.js
...@@ -2,9 +2,13 @@ import { createStore } from 'vuex' ...@@ -2,9 +2,13 @@ import { createStore } from 'vuex'
export default createStore({ export default createStore({
state: { state: {
username:'123456' username:'123456',
token:''
}, },
mutations: { mutations: {
setTOKEN(str){
this.token = str
}
}, },
actions: { actions: {
}, },
......
src/utils/API.js
import { get, post } from './request' import { get, post } from './request'
//示例 //示例
export const login = p => post('/api/user/get_login', p); export const login = p => post('/api/common/login', p);
// export const sendSms = p => post('/api/common/sendSms', p);
// export const sendSms = p => get('/api/home/homeWords',{});
src/utils/request.js
...@@ -2,11 +2,11 @@ import axios from 'axios'; ...@@ -2,11 +2,11 @@ import axios from 'axios';
import store from '../store/index' import store from '../store/index'
// 环境的切换 // 环境的切换
axios.defaults.baseURL = 'http://192.168.110.15:5001/'; axios.defaults.baseURL = 'https://taiyuan-patent.mayanan.cn/';
// 请求超时时间 // 请求超时时间
axios.defaults.timeout = 10000; axios.defaults.timeout = 50000;
// post请求头 // post请求头
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'; axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';
// 请求拦截器 // 请求拦截器
axios.interceptors.request.use( axios.interceptors.request.use(
config => { config => {
...@@ -14,7 +14,6 @@ axios.interceptors.request.use( ...@@ -14,7 +14,6 @@ axios.interceptors.request.use(
// 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断 // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断
// const token = store.state.token; // const token = store.state.token;
// token && (config.headers.Authorization = token); // token && (config.headers.Authorization = token);
console.log(config)
return config; return config;
}, },
error => { error => {
......
src/views/login/admin.vue
...@@ -72,6 +72,7 @@ ...@@ -72,6 +72,7 @@
type="primary" type="primary"
html-type="submit" html-type="submit"
class="login-form-button" class="login-form-button"
@click="login"
> >
登录 登录
</a-button> </a-button>
...@@ -99,6 +100,9 @@ ...@@ -99,6 +100,9 @@
</div> </div>
</template> </template>
<script> <script>
import { AES_Encrypt, AES_Decrypt } from "@/utils/aes_util.js";
import { login } from "@/utils/API";
import { message } from "ant-design-vue";
export default { export default {
name: "AdminLogin", name: "AdminLogin",
data() { data() {
...@@ -107,10 +111,35 @@ export default { ...@@ -107,10 +111,35 @@ export default {
username: "", username: "",
password: "", password: "",
remember: true, remember: true,
autologin: false,
}, },
}; };
}, },
methods:{
//账号登录
login(){
let param = AES_Encrypt(
JSON.stringify({
login_name:this.formState.username,
password:this.formState.password,
})
);
login({
param,
}).then((res) => {
console.log(res)
if(res.code == 0){
message.success('登录成功')
this.$store.commit('setTOKEN',res.data.token)
localStorage.setItem('token',res.data.token)
this.$router.push({
path:'/index'
})
}else{
message.error(res.msg)
}
});
},
}
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
......
src/views/login/index.vue
...@@ -72,6 +72,14 @@ ...@@ -72,6 +72,14 @@
> >
登录 登录
</a-button> </a-button>
<!-- <a-button
type="primary"
html-type="submit"
class="login-form-button"
@click="send"
>
发送
</a-button> -->
</a-form-item> </a-form-item>
<a-form-item> <a-form-item>
<div class="admin_login" style="float: left"> <div class="admin_login" style="float: left">
...@@ -107,6 +115,7 @@ ...@@ -107,6 +115,7 @@
<script> <script>
import { AES_Encrypt, AES_Decrypt } from "@/utils/aes_util.js"; import { AES_Encrypt, AES_Decrypt } from "@/utils/aes_util.js";
import { login } from "@/utils/API"; import { login } from "@/utils/API";
import { message } from "ant-design-vue";
export default { export default {
name: "login", name: "login",
data() { data() {
...@@ -121,13 +130,37 @@ export default { ...@@ -121,13 +130,37 @@ export default {
}, },
mounted() {}, mounted() {},
methods: { methods: {
// login() { //账号登录
// login({ login(){
// ...parmas let param = AES_Encrypt(
// }).then((res) => { JSON.stringify({
login_name:this.formState.username,
password:this.formState.password,
})
);
login({
param,
}).then((res) => {
console.log(res)
if(res.code == 0){
message.success('登录成功')
this.$store.commit('setTOKEN',res.data.token)
localStorage.setItem('token',res.data.token)
this.$router.push({
path:'/index'
})
}else{
message.error(res.msg)
}
});
},
send() {
sendSms({phone:15313067271}).then(res=>{
})
// });
// }, },
}, },
}; };
</script> </script>
......
vue.config.js
...@@ -18,7 +18,7 @@ module.exports = { ...@@ -18,7 +18,7 @@ module.exports = {
// 配置不同的后台API地址 // 配置不同的后台API地址
proxy: { proxy: {
'/api': { '/api': {
target: 'http://192.168.110.15:5001/api', target: 'https://taiyuan-patent.mayanan.cn',
ws: false, ws: false,
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment