From c985af60a3fb6f7ccaa4a9c494c5827f641fe2a5 Mon Sep 17 00:00:00 2001
From: huangge1199 <huangge1199@hotmail.com>
Date: Mon, 30 Jun 2025 10:04:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=85=A8=E5=B1=80=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                     |  9 +++++++++
 src/components/GlobalHeader.vue | 10 +++++++++-
 src/stores/counter.ts           | 12 ------------
 src/stores/useLoginUserStore.ts | 26 ++++++++++++++++++++++++++
 4 files changed, 44 insertions(+), 13 deletions(-)
 delete mode 100644 src/stores/counter.ts
 create mode 100644 src/stores/useLoginUserStore.ts

diff --git a/src/App.vue b/src/App.vue
index 25cf598..fbf0cd6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,6 +6,15 @@
 
 <script setup lang="ts">
 import BasicLayout from "./layouts/BasicLayouts.vue"
+import { healthUsingGet } from '@/api/mainController.ts'
+import {useLoginUserStore} from "@/stores/useLoginUserStore.ts";
+
+const loginUserStore = useLoginUserStore()
+loginUserStore.fetchLoginUser()
+
+healthUsingGet().then((res) => {
+  console.log(res)
+})
 </script>
 
 <style>
diff --git a/src/components/GlobalHeader.vue b/src/components/GlobalHeader.vue
index dbb5ee4..f1e88fa 100644
--- a/src/components/GlobalHeader.vue
+++ b/src/components/GlobalHeader.vue
@@ -19,7 +19,12 @@
       </a-col>
       <a-col flex="120px">
         <div class="user-login-status">
-          <a-button type="primary" href="/user/login">登录</a-button>
+          <div v-if="loginUserStore.loginUser.id">
+            {{ loginUserStore.loginUser.userName ?? '无名' }}
+          </div>
+          <div v-else>
+            <a-button type="primary" href="/user/login">登录</a-button>
+          </div>
         </div>
       </a-col>
     </a-row>
@@ -30,6 +35,9 @@
 import { h, ref } from 'vue'
 import { HomeOutlined } from '@ant-design/icons-vue'
 import { useRouter } from 'vue-router'
+import { useLoginUserStore } from '@/stores/useLoginUserStore.ts'
+
+const loginUserStore = useLoginUserStore()
 
 const items = [
   {
diff --git a/src/stores/counter.ts b/src/stores/counter.ts
deleted file mode 100644
index b6757ba..0000000
--- a/src/stores/counter.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ref, computed } from 'vue'
-import { defineStore } from 'pinia'
-
-export const useCounterStore = defineStore('counter', () => {
-  const count = ref(0)
-  const doubleCount = computed(() => count.value * 2)
-  function increment() {
-    count.value++
-  }
-
-  return { count, doubleCount, increment }
-})
diff --git a/src/stores/useLoginUserStore.ts b/src/stores/useLoginUserStore.ts
new file mode 100644
index 0000000..a046c1e
--- /dev/null
+++ b/src/stores/useLoginUserStore.ts
@@ -0,0 +1,26 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useLoginUserStore = defineStore('loginUser', () => {
+  const loginUser = ref<any>({
+    userName: '未登录',
+  })
+
+  async function fetchLoginUser() {
+    // todo 由于后端还没提供接口，暂时注释
+    // const res = await getCurrentUser();
+    // if (res.data.code === 0 && res.data.data) {
+    //   loginUser.value = res.data.data;
+    // }
+    // 测试用户登录，3 秒后自动登录
+    setTimeout(() => {
+      loginUser.value = { userName: '测试用户', id: 1 }
+    }, 3000)
+  }
+
+  function setLoginUser(newLoginUser: any) {
+    loginUser.value = newLoginUser
+  }
+
+  return { loginUser, setLoginUser, fetchLoginUser }
+})