Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
BeMount
PersonalBlog
提交
f48a23d2
P
PersonalBlog
项目概览
BeMount
/
PersonalBlog
通知
3
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
P
PersonalBlog
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
f48a23d2
编写于
4月 14, 2020
作者:
BeMount
💬
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(/person-center): 新增修改密码,更新头像,完整信息
上级
b5f8aefa
变更
9
隐藏空白更改
内联
并排
Showing
9 changed file
with
117 addition
and
16 deletion
+117
-16
src/apis/login.js
src/apis/login.js
+4
-5
src/apis/personalCenter.js
src/apis/personalCenter.js
+63
-0
src/components/menu-component/menuComponent.vue
src/components/menu-component/menuComponent.vue
+1
-1
src/router/router.js
src/router/router.js
+1
-1
src/views/Home.vue
src/views/Home.vue
+10
-4
src/views/personal-center/components/personal-info/personalInfo.vue
...personal-center/components/personal-info/personalInfo.vue
+17
-2
src/views/personal-center/components/update-avatar/updateAvatar.vue
...personal-center/components/update-avatar/updateAvatar.vue
+11
-2
src/views/personal-center/components/update-password/updatePassword.vue
...onal-center/components/update-password/updatePassword.vue
+8
-1
src/views/personal-center/personalCenter.vue
src/views/personal-center/personalCenter.vue
+2
-0
未找到文件。
src/apis/login.js
浏览文件 @
f48a23d2
...
...
@@ -11,14 +11,14 @@ export const login = (vm, name) =>{
}).
then
(
res
=>
{
if
(
res
.
data
.
result
==
false
){
vm
.
$Message
.
warning
(
res
.
data
.
message
);
vm
.
$refs
[
name
].
resetFields
();
}
else
{
vm
.
isShowlogDialog
=
false
;
vm
.
isLogedIn
=
false
;
vm
.
$Message
.
success
(
'
登录成功
'
);
Cookie
.
set
({
name
:
'
userName
'
,
value
:
vm
.
formData
.
user
});
console
.
log
(
'
------
'
);
Cookie
.
set
(
'
userName
'
,
vm
.
formData
.
user
);
console
.
log
(
'
Cookie
'
,
Cookie
.
get
(
'
userName
'
))
vm
.
$refs
[
name
].
resetFields
();
localStorage
.
setItem
(
'
jwt
'
,
res
.
data
.
jwt
);
}
...
...
@@ -41,7 +41,6 @@ export const addUsers = (vm, name) =>{
if
(
res
.
data
.
result
){
vm
.
$Message
.
success
(
'
新增用户成功
'
);
vm
.
$refs
[
name
].
resetFields
();
}
else
{
vm
.
$Message
.
warning
(
res
.
data
.
message
);
}
...
...
src/apis/personalCenter.js
浏览文件 @
f48a23d2
import
Cookie
from
'
js-cookie
'
// 提交完整信息
export
const
submitCompleteInfo
=
(
vm
,
name
)
=>
{
vm
.
$axios
.
request
({
data
:
vm
.
completeInfo
,
...
...
@@ -11,3 +14,63 @@ export const submitCompleteInfo = (vm, name)=>{
})
}
// 获得完整用户信息
export
const
getCompleteInfo
=
vm
=>
{
vm
.
$axios
.
request
({
url
:
'
/personalCenter/getCompleteUserInfo
'
,
method
:
'
get
'
}).
then
(
res
=>
{
console
.
log
(
'
getCompleteInfo
'
,
res
);
vm
.
personalInfoForm
.
nickName
=
res
.
data
.
userInfo
.
name
;
vm
.
personalInfoForm
.
avatarUrl
=
res
.
data
.
userInfo
.
avatarUrl
;
vm
.
personalInfoForm
.
realName
=
res
.
data
.
userInfo
.
realName
;
vm
.
personalInfoForm
.
postName
=
res
.
data
.
userInfo
.
postName
;
vm
.
personalInfoForm
.
education
=
res
.
data
.
userInfo
.
education
;
vm
.
personalInfoForm
.
companyName
=
res
.
data
.
userInfo
.
companyName
;
}).
catch
(
error
=>
{
console
.
log
(
"
error
"
,
error
);
})
}
// 修改用户头像
export
const
submitAvatarUrl
=
vm
=>
{
vm
.
$axios
.
request
({
url
:
'
/personalCenter/submitAvatarUrl
'
,
method
:
'
post
'
,
data
:{
avatarUrl
:
vm
.
avatarUrl
}
}).
then
(
res
=>
{
vm
.
avatarUrl
=
''
;
vm
.
$Message
.
success
(
res
.
data
.
msg
)
}).
catch
(
error
=>
{
console
.
log
(
"
error
"
,
error
);
})
}
// 修改密码
export
const
changePassword
=
vm
=>
{
vm
.
$axios
.
request
({
url
:
'
personalCenter/changePassword
'
,
method
:
'
post
'
,
data
:{
oldPassword
:
vm
.
updatePasswordInfo
.
oldPassword
,
newPassword
:
vm
.
updatePasswordInfo
.
newPassword
}
}).
then
(
res
=>
{
if
(
res
.
data
.
result
==
true
){
vm
.
$Message
.
success
(
res
.
data
.
msg
)
}
else
{
vm
.
$Message
.
warning
(
res
.
data
.
msg
)
}
}).
catch
(
error
=>
{
console
.
log
(
'
error
'
,
error
);
})
}
src/components/menu-component/menuComponent.vue
浏览文件 @
f48a23d2
<
template
>
<Menu
@
on-select=
"redirectToOtherRouter"
>
<Menu
@
on-select=
"redirectToOtherRouter"
active-name =
"articleManagementIndex"
>
<template
v-for=
'item in menuList'
>
<MenuItem
:key=
'item.name'
v-if=
'item.children.length == 1'
:name=
'item.children[0].name'
>
<Icon
:type=
"item.icon"
size=
'16'
/>
...
...
src/router/router.js
浏览文件 @
f48a23d2
...
...
@@ -66,7 +66,7 @@ export const otherRouters = {
path
:
'
/
'
,
component
:
Home
,
name
:
'
Home
'
,
// redirect:'/personalCenter
',
redirect
:
'
/articleManagement/index
'
,
children
:[
{
path
:
'
personalCenter
'
,
...
...
src/views/Home.vue
浏览文件 @
f48a23d2
...
...
@@ -64,6 +64,7 @@ export default {
return
{
isShowlogDialog
:
false
,
//是否显示登陆弹框
isLogedIn
:
true
,
// userName:Cookie.get('userName'),
formData
:{
user
:
''
,
password
:
''
,
...
...
@@ -89,11 +90,14 @@ export default {
...
mapState
({
menuList
:
state
=>
{
return
state
.
app
.
menuList
;
},
userName
(){
return
Cookie
.
get
(
'
userName
'
);
}
}),
userName
(){
return
Cookie
.
get
(
'
userName
'
);
}
//
userName(){
//
return Cookie.get('userName');
//
}
},
methods
:{
...
...
@@ -122,7 +126,9 @@ export default {
}
}
else
{
localStorage
.
removeItem
(
'
jwt
'
);
Cookie
.
delete
(
'
userName
'
);
this
.
isLogedIn
=
true
;
this
.
$router
.
push
({
name
:
'
articleManagementIndex
'
})
Cookie
.
remove
(
'
userName
'
);
}
},
// 登录表单处理
...
...
src/views/personal-center/components/personal-info/personalInfo.vue
浏览文件 @
f48a23d2
...
...
@@ -8,7 +8,8 @@
<FormItem
prop=
'avatarUrl'
>
<div>
个人头像:
<Avatar
src=
"https://i.loli.net/2017/08/21/599a521472424.jpg"
size=
'large'
style=
"margin-left:10px"
></Avatar>
<Avatar
size=
'large'
style=
"margin-left:10px"
v-if=
"personalInfoForm.avatarUrl"
:src=
"personalInfoForm.avatarUrl"
></Avatar>
<Avatar
size=
'large'
style=
"margin-left:10px"
v-else
>
{{
userName
}}
</Avatar>
</div>
</FormItem>
...
...
@@ -48,11 +49,14 @@
</
template
>
<
script
>
import
*
as
personalCenterRequest
from
'
@/apis/personalCenter.js
'
;
import
Cookie
from
'
js-cookie
'
;
export
default
{
data
(){
return
{
personalInfoForm
:{
nickName
:
'
bemount
'
,
nickName
:
''
,
avatarUrl
:
''
,
education
:
''
,
companyName
:
''
,
...
...
@@ -60,6 +64,17 @@
realName
:
''
}
}
},
created
(){
personalCenterRequest
.
getCompleteInfo
(
this
);
},
methods
:{
},
computed
:{
userName
(){
return
Cookie
.
get
(
'
userName
'
);
}
}
}
</
script
>
...
...
src/views/personal-center/components/update-avatar/updateAvatar.vue
浏览文件 @
f48a23d2
...
...
@@ -12,12 +12,14 @@
<span
style=
"color:red;font-size:5px"
>
(为线上图片格式)
</span>
</div>
<div
style=
"margin-top:50px"
>
<Button
type=
"info"
>
提交
</Button>
<Button
type=
"info"
@
click=
"submitAvatarUrl"
>
提交
</Button>
</div>
</Card>
</
template
>
<
script
>
import
{
submitAvatarUrl
}
from
'
@/apis/personalCenter
'
;
export
default
{
data
(){
return
{
...
...
@@ -25,7 +27,14 @@
}
},
methods
:{
submitAvatarUrl
(){
if
(
!
this
.
avatarUrl
){
this
.
$Message
.
warning
(
"
头像URL不可为空
"
);
return
;
}
submitAvatarUrl
(
this
);
}
}
}
</
script
>
...
...
src/views/personal-center/components/update-password/updatePassword.vue
浏览文件 @
f48a23d2
...
...
@@ -28,6 +28,8 @@
</
template
>
<
script
>
import
{
changePassword
}
from
'
@/apis/personalCenter
'
;
export
default
{
data
(){
return
{
...
...
@@ -56,7 +58,12 @@
handleSubmit
(
name
){
this
.
$refs
[
name
].
validate
((
valid
)
=>
{
if
(
valid
)
{
this
.
$Message
.
success
(
'
Success!
'
);
// this.$Message.success('Success!');
if
(
this
.
updatePasswordInfo
.
newPassword
!=
this
.
updatePasswordInfo
.
reNewPassword
){
this
.
$Message
.
warning
(
"
两次密码输入不一致
"
);
return
;
}
changePassword
(
this
);
}
else
{
this
.
$Message
.
error
(
'
Fail!
'
);
}
...
...
src/views/personal-center/personalCenter.vue
浏览文件 @
f48a23d2
...
...
@@ -31,6 +31,7 @@
</
template
>
<
script
>
export
default
{
data
(){
return
{
...
...
@@ -43,6 +44,7 @@ export default {
this
.
$router
.
push
({
name
:
name
});
}
}
}
</
script
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录