From 4b821973aed81de9e853e09fdef48b0c55a37cee Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期四, 04 七月 2024 15:49:35 +0800
Subject: [PATCH] fix:用户信息栏
---
src/views/home/components/user-panel/index.vue | 23 +++++++++++++++++------
1 files changed, 17 insertions(+), 6 deletions(-)
diff --git a/src/views/home/components/user-panel/index.vue b/src/views/home/components/user-panel/index.vue
index 228192f..21213dc 100644
--- a/src/views/home/components/user-panel/index.vue
+++ b/src/views/home/components/user-panel/index.vue
@@ -3,20 +3,20 @@
<el-card class="card">
<div class="panel-content flex flex-col items-center">
<div class="avatar-container w-40 h-40 rounded-full overflow-hidden">
- <div class="avatar-content">
+ <div class="avatar-content" v-if="userInfo.imagePath">
<img src="@/assets/image/avatar/avatar.png" class="avatar-img" alt="">
</div>
- <!-- <div class="avatar-content" :style="{backgroundColor: getColor}">
- <div class="name text-5xl font-bold text-white">寮�</div>
- </div> -->
+ <div class="avatar-content" :style="{backgroundColor: getColor}" v-else>
+ <div class="name text-5xl font-bold text-white">{{ getFirstName }}</div>
+ </div>
</div>
<div class="name-container text-lg font-bold mt-5 mb-2">
- 娴嬭瘯娴嬭瘯
+ {{ userInfo.realName }}
</div>
<div class="department-container text-base mb-10">
- 娴嬭瘯娴嬭瘯
+ {{ userInfo.userName }}
</div>
<div class="tool-container grid grid-cols-3 gap-10">
@@ -39,6 +39,13 @@
import { ref, computed } from 'vue';
import randomColor from '@/utils/randomColor.js';
import { useRouter } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import { useUserStore } from '@/store/index.js';
+
+const userStore = useUserStore();
+const { userInfo } = storeToRefs(userStore);
+
+
const router = useRouter();
@@ -68,6 +75,10 @@
return randomColor();
});
+const getFirstName = computed(() => {
+ return userInfo.value.realName && userInfo.value.realName[0];
+})
+
const toolClick = (item) => {
if (item.path) {
router.push(item.path);
--
Gitblit v1.8.0