|
@@ -1,7 +1,12 @@
|
|
<script lang='ts' setup>
|
|
<script lang='ts' setup>
|
|
import useLoginAndDownload from '../../useLoginAndDownload'
|
|
import useLoginAndDownload from '../../useLoginAndDownload'
|
|
|
|
+import { useUserStore } from '@/stores/modules/user'
|
|
|
|
|
|
const { onSubmitRequest } = useLoginAndDownload()
|
|
const { onSubmitRequest } = useLoginAndDownload()
|
|
|
|
+const { userInfo } = storeToRefs(useUserStore())
|
|
|
|
+const userName = computed(() => {
|
|
|
|
+ return (userInfo.value?.firstName || userInfo.value?.lastName) ? `${userInfo.value?.firstName} ${userInfo.value?.lastName}` : 'EJET Spark'
|
|
|
|
+})
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<template>
|
|
@@ -16,14 +21,14 @@ const { onSubmitRequest } = useLoginAndDownload()
|
|
<div class="flex py-15px px-35px b-rd-10px b-#D8D8D b-1px b-solid cursor-pointer hover:b-#9B6CFF">
|
|
<div class="flex py-15px px-35px b-rd-10px b-#D8D8D b-1px b-solid cursor-pointer hover:b-#9B6CFF">
|
|
<!-- 获取首字母 -->
|
|
<!-- 获取首字母 -->
|
|
<div class="w-50px h-50px bg-#F2E5F2 text-#9B6CFF text-24px flex justify-center b-rd-50% items-center mr-28px">
|
|
<div class="w-50px h-50px bg-#F2E5F2 text-#9B6CFF text-24px flex justify-center b-rd-50% items-center mr-28px">
|
|
- E
|
|
|
|
|
|
+ {{ userName.charAt(0) }}
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
<div class="text-18px fw-bold text-#333 custom-title-font">
|
|
<div class="text-18px fw-bold text-#333 custom-title-font">
|
|
- EJET Spark
|
|
|
|
|
|
+ {{ userName }}
|
|
</div>
|
|
</div>
|
|
<div class="text-#9B6CFF mt-8px">
|
|
<div class="text-#9B6CFF mt-8px">
|
|
- spark@ejet.com
|
|
|
|
|
|
+ {{ userInfo?.email }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|