parent
b0abdfa8d2
commit
eee1685361
@ -0,0 +1,132 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-container class="navbar-wrapper"> |
||||||
|
<el-row :gutter="20"> |
||||||
|
<el-col :span="14" style="padding-top: 16px;margin-left: 60px"> |
||||||
|
|
||||||
|
<el-breadcrumb separator=">" style="height: 80px;font-size: 20px"> |
||||||
|
<el-breadcrumb-item :to="{ name:'FirIndex' }"><i class="el-icon-s-home elbi"></i> |
||||||
|
</el-breadcrumb-item> |
||||||
|
<el-breadcrumb-item :to="{ name:'FirApps'}"><i class="el-icon-apple elbi"></i> |
||||||
|
</el-breadcrumb-item> |
||||||
|
<el-breadcrumb-item v-if="$store.state.currentapp.name">{{ $store.state.currentapp.name}} |
||||||
|
</el-breadcrumb-item> |
||||||
|
</el-breadcrumb> |
||||||
|
|
||||||
|
</el-col> |
||||||
|
<el-col :span="2" :push="3"> |
||||||
|
<div class="block"> |
||||||
|
<el-avatar :size="66" :src="$store.state.userinfo.head_img"></el-avatar> |
||||||
|
</div> |
||||||
|
</el-col> |
||||||
|
<el-col :span="4" :push="3"> |
||||||
|
<el-dropdown style="padding-top: 12px;" @command="handleCommand"> |
||||||
|
<el-button type="success" plain round> |
||||||
|
{{$store.state.userinfo.first_name }}<i class="el-icon-arrow-down el-icon--right"></i> |
||||||
|
</el-button> |
||||||
|
<el-dropdown-menu slot="dropdown"> |
||||||
|
<el-dropdown-item command="userinfo">个人资料</el-dropdown-item> |
||||||
|
<el-dropdown-item command="chpasswd">修改密码</el-dropdown-item> |
||||||
|
<el-dropdown-item command="storage">存储管理</el-dropdown-item> |
||||||
|
<el-dropdown-item command="supersign">超级签名</el-dropdown-item> |
||||||
|
|
||||||
|
<el-dropdown-item command="exit">退出</el-dropdown-item> |
||||||
|
|
||||||
|
</el-dropdown-menu> |
||||||
|
</el-dropdown> |
||||||
|
|
||||||
|
</el-col> |
||||||
|
|
||||||
|
</el-row> |
||||||
|
|
||||||
|
|
||||||
|
</el-container> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import {logout} from '../restful' |
||||||
|
|
||||||
|
export default { |
||||||
|
name: "FirHeader", |
||||||
|
data() { |
||||||
|
return { |
||||||
|
current_user: {}, |
||||||
|
appName: '', |
||||||
|
} |
||||||
|
}, methods: { |
||||||
|
handleCommand(command) { |
||||||
|
if (command === 'userinfo') { |
||||||
|
this.$router.push({name: 'FirUserProfileInfo'}) |
||||||
|
} else if (command === 'chpasswd') { |
||||||
|
this.$router.push({name: 'FirUserProfileChangePwd'}) |
||||||
|
} else if (command === 'storage') { |
||||||
|
this.$router.push({name: 'FirUserProfileStorage'}) |
||||||
|
} else if (command === 'supersign') { |
||||||
|
this.$store.dispatch('doucurrentapp', {}); |
||||||
|
this.$router.push({"name": 'FirSuperSignBase', params: {act: "iosdeveloper"}}) |
||||||
|
|
||||||
|
} else if (command === 'exit') { |
||||||
|
logout(data => { |
||||||
|
if (data.code === 1000) { |
||||||
|
this.$message.success("退出成功"); |
||||||
|
this.$cookies.remove("token"); |
||||||
|
this.$cookies.remove("auth_token"); |
||||||
|
this.$cookies.remove("username"); |
||||||
|
this.$cookies.remove("first_name"); |
||||||
|
this.$store.dispatch('doucurrentapp', {}); |
||||||
|
this.$store.dispatch('doUserinfo', {}); |
||||||
|
this.$router.push({name: 'FirLogin'}); |
||||||
|
} else { |
||||||
|
this.$message.error("退出失败") |
||||||
|
} |
||||||
|
}, {}) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
}, created() { |
||||||
|
this.appName = this.$route.params.id |
||||||
|
}, watch: { |
||||||
|
$route: function () { |
||||||
|
this.appName = this.$route.params.id |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
|
||||||
|
.el-container, .el-row { |
||||||
|
margin: 10px auto; |
||||||
|
width: 1166px; |
||||||
|
} |
||||||
|
|
||||||
|
.el-container { |
||||||
|
margin: 10px auto 100px; |
||||||
|
width: 1166px; |
||||||
|
} |
||||||
|
|
||||||
|
.navbar-wrapper { |
||||||
|
background-color: #dbffeb; |
||||||
|
font-size: 0; |
||||||
|
border-radius: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
.el-dropdown { |
||||||
|
vertical-align: top; |
||||||
|
} |
||||||
|
|
||||||
|
.el-dropdown + .el-dropdown { |
||||||
|
margin-left: 15px; |
||||||
|
} |
||||||
|
|
||||||
|
.el-icon-arrow-down { |
||||||
|
font-size: 12px; |
||||||
|
} |
||||||
|
|
||||||
|
.elbi { |
||||||
|
color: #67c23a; |
||||||
|
} |
||||||
|
|
||||||
|
</style> |
Loading…
Reference in new issue