From a5db2f0149ac34be9791bd4e53bfd5677234eb5e Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期一, 24 十月 2022 10:59:11 +0800
Subject: [PATCH] 修改package.json
---
src/views/layout/components/Header/index.vue | 44 ++++++++++++++++++++++++++++++++++----------
1 files changed, 34 insertions(+), 10 deletions(-)
diff --git a/src/views/layout/components/Header/index.vue b/src/views/layout/components/Header/index.vue
index 8169db6..60dbf0b 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: {
// 閫�鍑哄姛鑳�
@@ -123,10 +130,9 @@
cancelButtonText: '鍙栨秷',
type: 'warning'
}).then(() => {
- sessionStorage.removeItem('token');
- sessionStorage.removeItem('tokenHead');
+ sessionStorage.clear();
this.$router.push({ path: "/login" })
- }).catch(err=>{
+ }).catch(err => {
console.log(err);
})
},
@@ -140,6 +146,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 +190,8 @@
display: block;
line-height: 40px;
width: 100%;
- &:hover{
+
+ &:hover {
cursor: pointer;
color: #fff;
}
@@ -215,7 +239,7 @@
position: absolute;
top: 60px;
width: 120px;
-
+ z-index: 3000;
.user-card__item {
padding: 5px 0;
@@ -248,7 +272,7 @@
top: 60px;
width: 180px;
left: -50px;
-
+ z-index: 3000;
:deep(.el-card__body) {
padding: 0;
}
--
Gitblit v1.8.0