|
|
|
@ -1,6 +1,6 @@
@@ -1,6 +1,6 @@
|
|
|
|
|
<template> |
|
|
|
|
<div class="lg:flex"> |
|
|
|
|
<Avatar :src="userinfo.avatar || headerImg" :size="72" class="!mx-auto !block" /> |
|
|
|
|
<Avatar :src="userinfo.avatar" :size="72" class="!mx-auto !block" /> |
|
|
|
|
<div class="md:ml-6 flex flex-col justify-center md:mt-0 mt-2"> |
|
|
|
|
<h1 class="md:text-lg text-md">早安, {{ userinfo.realName }}, 开始您一天的工作吧!</h1> |
|
|
|
|
<span class="text-secondary"> 今日晴,20℃ - 32℃! </span> |
|
|
|
@ -26,14 +26,13 @@
@@ -26,14 +26,13 @@
|
|
|
|
|
import { computed, defineComponent } from 'vue'; |
|
|
|
|
import { Avatar } from 'ant-design-vue'; |
|
|
|
|
import { useUserStore } from '/@/store/modules/user'; |
|
|
|
|
import headerImg from '/@/assets/images/header.jpg'; |
|
|
|
|
|
|
|
|
|
export default defineComponent({ |
|
|
|
|
components: { Avatar }, |
|
|
|
|
setup() { |
|
|
|
|
const userStore = useUserStore(); |
|
|
|
|
const userinfo = computed(() => userStore.getUserInfo); |
|
|
|
|
return { userinfo, headerImg }; |
|
|
|
|
return { userinfo }; |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
</script> |
|
|
|
|