From 2794bdcb5c9784189306d883487ef49b180fd1fe Mon Sep 17 00:00:00 2001
From: "Gui.H" <springhgui@outlook.com>
Date: Mon, 8 May 2023 22:16:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=B1=95=E7=A4=BA=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E5=90=8D=EF=BC=8C=E8=80=8C=E4=B8=8D=E6=98=AF=E5=9B=BA?=
 =?UTF-8?q?=E5=AE=9A=E4=B8=BATencent=20(#485)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Update user.ts

* Update Header.vue

* Update user.ts

* Update user.ts
---
 src/layouts/components/Header.vue | 5 +++--
 src/store/modules/user.ts         | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/layouts/components/Header.vue b/src/layouts/components/Header.vue
index bffa0ba..c74bce7 100644
--- a/src/layouts/components/Header.vue
+++ b/src/layouts/components/Header.vue
@@ -48,7 +48,7 @@
               <template #icon>
                 <t-icon class="header-user-avatar" name="user-circle" />
               </template>
-              <div class="header-user-account">Tencent</div>
+              <div class="header-user-account">{{ user.userInfo.name }}</div>
               <template #suffix><t-icon name="chevron-down" /></template>
             </t-button>
           </t-dropdown>
@@ -71,7 +71,7 @@ import { useRouter } from 'vue-router';
 import LogoFull from '@/assets/assets-logo-full.svg?component';
 import { prefix } from '@/config/global';
 import { getActive } from '@/router';
-import { useSettingStore } from '@/store';
+import { useSettingStore, useUserStore } from '@/store';
 import type { MenuRoute } from '@/types/interface';
 
 import MenuContent from './MenuContent.vue';
@@ -111,6 +111,7 @@ const props = defineProps({
 
 const router = useRouter();
 const settingStore = useSettingStore();
+const user = useUserStore();
 
 const toggleSettingPanel = () => {
   settingStore.updateConfig({
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index b1590a1..7a5fbc1 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -4,6 +4,7 @@ import { TOKEN_NAME } from '@/config/global';
 import { store, usePermissionStore } from '@/store';
 
 const InitUserInfo = {
+  name: '', // 用户名，用于展示在页面右上角头像处
   roles: [], // 前端权限模型使用 如果使用请配置modules/permission-fe.ts使用
 };
 
@@ -57,7 +58,7 @@ export const useUserStore = defineStore('user', {
       const mockRemoteUserInfo = async (token: string) => {
         if (token === 'main_token') {
           return {
-            name: 'td_main',
+            name: 'Tencent',
             roles: ['all'], // 前端权限模型使用 如果使用请配置modules/permission-fe.ts使用
           };
         }