Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
绝世唐门三哥
Vue Manage System
提交
7c0c0e5b
Vue Manage System
项目概览
绝世唐门三哥
/
Vue Manage System
通知
3
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Vue Manage System
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
7c0c0e5b
编写于
2月 22, 2017
作者:
L
lin-xin
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Add user info in Header
上级
310a3b21
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
62 addition
and
55 deletion
+62
-55
src/components/common/header.vue
src/components/common/header.vue
+62
-55
未找到文件。
src/components/common/header.vue
浏览文件 @
7c0c0e5b
<
template
>
<div
class=
"header"
>
内容管理系统
<div
class=
"m-logbar"
>
<span
class=
"logInfo"
admin=
"admin"
>
username
</span>
您好 |
<span
class=
"logout"
@
click=
"handleLogout"
>
退出
</span>
后台管理系统
<div
class=
"user-info"
>
<el-dropdown
trigger=
"click"
@
command=
"handleCommand"
>
<span
class=
"el-dropdown-link"
>
<img
class=
"user-logo"
src=
"../../../static/img/img.jpg"
>
linxin
</span>
<el-dropdown-menu
slot=
"dropdown"
>
<el-dropdown-item
command=
"loginout"
>
退出
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
</
template
>
<
script
>
export
default
{
data
()
{
return
{
sName
:
'
abcd
'
}
},
created
()
{
let
arr
=
document
.
cookie
.
split
(
'
;
'
);
let
bArr
=
arr
[
arr
.
length
-
1
];
let
sArr
=
bArr
.
split
(
'
=
'
);
let
sUserName
=
sArr
[
0
];
this
.
sName
=
sUserName
;
},
methods
:
{
handleLogout
()
{
let
self
=
this
,
param
=
{
username
:
'
admin
'
,
password
:
'
admin
'
export
default
{
data
()
{
return
{
sName
:
'
abcd
'
}
self
.
$http
.
post
(
server
+
'
/user/logout
'
,
param
).
then
((
res
)
=>
{
if
(
res
.
ok
){
let
response
=
res
.
data
;
if
(
response
.
code
==
'
200
'
)
{
location
.
href
=
'
#/login
'
;
this
.
removeCookie
(
this
.
sName
)
}
else
{
location
.
href
=
'
#/login
'
;
}
}
})
},
removeCookie
(
name
)
{
setCookie
(
name
,
'
1
'
,
-
1
);
methods
:{
handleCommand
(
command
)
{
if
(
command
==
'
loginout
'
){
console
.
log
(
1
)
this
.
$router
.
push
(
'
/login
'
);
}
},
loginOut
(){
}
}
}
}
</
script
>
<
style
scoped
>
.header
{
position
:
relative
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding-left
:
50px
;
width
:
100%
;
height
:
70px
;
font-size
:
22px
;
line-height
:
70px
;
color
:
#fff
;
background-color
:
#242f42
;
}
.m-logbar
{
float
:
right
;
padding-right
:
20px
;
font-size
:
16px
;
color
:
#fff
;
}
.header
{
position
:
relative
;
box-sizing
:
border-box
;
padding-left
:
50px
;
width
:
100%
;
height
:
70px
;
font-size
:
22px
;
line-height
:
70px
;
color
:
#fff
;
background-color
:
#242f42
;
}
.user-info
{
float
:
right
;
padding-right
:
50px
;
font-size
:
16px
;
color
:
#fff
;
}
.user-info
.el-dropdown-link
{
position
:
relative
;
display
:
inline-block
;
padding-left
:
50px
;
color
:
#fff
;
cursor
:
pointer
;
vertical-align
:
middle
;
}
.user-info
.user-logo
{
position
:
absolute
;
left
:
0
;
top
:
15px
;
width
:
40px
;
height
:
40px
;
border-radius
:
50%
;
}
.el-dropdown-menu__item
{
text-align
:
center
;
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录