|
|
@@ -2,7 +2,13 @@
|
|
|
<div id="frame">
|
|
|
<el-container style="height:100vh">
|
|
|
<el-header class="header">
|
|
|
- 头部
|
|
|
+ <el-col :span="20" class="left">
|
|
|
+ 环南湖科创先导区双创服务平台-管理中心
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="right">
|
|
|
+ <span>{{ user ? user.name : '游客' }}</span>
|
|
|
+ <span @click="logoutBtn"><i class="el-icon-switch-button"></i></span>
|
|
|
+ </el-col>
|
|
|
</el-header>
|
|
|
<el-container class="container">
|
|
|
<el-aside width="200px" class="aside">
|
|
|
@@ -30,7 +36,13 @@ export default {
|
|
|
return {};
|
|
|
},
|
|
|
created() {},
|
|
|
- methods: {},
|
|
|
+ methods: {
|
|
|
+ // 退出登录
|
|
|
+ logoutBtn() {
|
|
|
+ localStorage.removeItem('token');
|
|
|
+ this.$router.push({ path: '/' });
|
|
|
+ },
|
|
|
+ },
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
|
},
|
|
|
@@ -49,7 +61,35 @@ export default {
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
.header {
|
|
|
- border-bottom: 1px solid #ff0000;
|
|
|
+ border-bottom: 1px solid #f1f1f1;
|
|
|
+ background-color: #242f42;
|
|
|
+ .left {
|
|
|
+ height: 60px;
|
|
|
+ line-height: 60px;
|
|
|
+ font-size: 25px;
|
|
|
+ font-family: cursive;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .right {
|
|
|
+ height: 60px;
|
|
|
+ line-height: 60px;
|
|
|
+ font-size: 20px;
|
|
|
+ text-align: right;
|
|
|
+ color: #fff;
|
|
|
+ span {
|
|
|
+ padding: 0 10px;
|
|
|
+ i {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ span:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ i {
|
|
|
+ color: #ff0000;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.container {
|
|
|
.aside {
|
