From 5b2dd794ec680d47e907ff43a264a7f82c30a130 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期二, 18 十月 2022 16:23:55 +0800
Subject: [PATCH] 部门编辑优化
---
src/views/layout/components/Header/index.vue | 37 +++++++++++++++++++++++++++++++------
1 files changed, 31 insertions(+), 6 deletions(-)
diff --git a/src/views/layout/components/Header/index.vue b/src/views/layout/components/Header/index.vue
index 8169db6..5498981 100644
--- a/src/views/layout/components/Header/index.vue
+++ b/src/views/layout/components/Header/index.vue
@@ -11,12 +11,14 @@
<div class="header-right">
<!-- 鎼滅储妗� -->
<div class="menu-right__item search">
- <el-input suffix-icon="el-icon-search" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�"></el-input>
+ <el-input suffix-icon="el-icon-search" v-model="keyword" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�"></el-input>
</div>
<!-- 鐧诲綍鐢ㄦ埛 -->
<div class="menu-right__item user" @mousemove="flag.user=true" @mouseleave="flag.user=false">
- <el-avatar :size="20" src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png"></el-avatar>
- <span style="padding: 0 5px;">Admin</span>
+ <el-avatar :size="20" :src="user.icon" v-if="user.icon"></el-avatar>
+ <el-avatar :size="20" src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png" v-else>
+ </el-avatar>
+ <span style="padding: 0 5px;">{{user.username? user.username:'Admin'}}</span>
<i class="el-icon-arrow-down"></i>
<!-- 鐢ㄦ埛鎿嶄綔 -->
<div class="user-card" v-if="flag.user" @mouseleave="flag.user = false">
@@ -91,6 +93,7 @@
user: false,
message: false
},
+ user: '',
menuMessageList: [
{
label: '鍏ㄩ儴娑堟伅',
@@ -112,8 +115,12 @@
num: 10,
id: '4m'
},
- ]
+ ],
+ keyword: '',
};
+ },
+ created() {
+ this.getLoginInfo();
},
methods: {
// 閫�鍑哄姛鑳�
@@ -126,7 +133,7 @@
sessionStorage.removeItem('token');
sessionStorage.removeItem('tokenHead');
this.$router.push({ path: "/login" })
- }).catch(err=>{
+ }).catch(err => {
console.log(err);
})
},
@@ -140,6 +147,23 @@
}
})
},
+ // 鑾峰彇鐧诲綍鐢ㄦ埛淇℃伅
+ getLoginInfo() {
+ const info = JSON.parse(sessionStorage.getItem('user'));
+ if (info) {
+ this.user = info;
+ } else {
+ const name = sessionStorage.getItem('name');
+ this.$axios({
+ method: 'get',
+ url: 'sccg/admin/info?name=' + name,
+ })
+ .then(res => {
+ sessionStorage.setItem('user', JSON.stringify(res.data));
+ this.user = res.data;
+ })
+ }
+ }
}
};
</script>
@@ -167,7 +191,8 @@
display: block;
line-height: 40px;
width: 100%;
- &:hover{
+
+ &:hover {
cursor: pointer;
color: #fff;
}
--
Gitblit v1.8.0