From e6a36164a59747e668923687c70b0545c15cc297 Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Mon, 6 Oct 2025 21:18:19 +0800
Subject: [PATCH] =?UTF-8?q?feat(status-bar):=20=E6=9B=B4=E6=96=B0=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E6=A0=8F=E7=BB=84=E4=BB=B6=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E9=97=AE=E5=80=99=E4=BF=A1=E6=81=AF=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/StatusBar.vue | 47 +++++++++++++++++++++++++++-----
 1 file changed, 40 insertions(+), 7 deletions(-)

diff --git a/web/src/components/StatusBar.vue b/web/src/components/StatusBar.vue
index a3dfece4..498e831c 100644
--- a/web/src/components/StatusBar.vue
+++ b/web/src/components/StatusBar.vue
@@ -19,7 +19,7 @@
         </div>
         <div class="user-info">
           <User class="icon" />
-          <span class="user-name">{{ currentUser }}</span>
+          <span class="user-greeting">{{ greeting }}</span>
         </div>
         <div class="status-indicator" :class="systemStatus">
           <div class="status-dot"></div>
@@ -33,20 +33,46 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { useInfoStore } from '@/stores/info'
+import { useUserStore } from '@/stores/user'
 import { Clock, User } from 'lucide-vue-next'
 
-// 使用 info store
+// 使用 stores
 const infoStore = useInfoStore()
+const userStore = useUserStore()
 
 // 响应式数据
 const currentTime = ref('')
-const currentUser = ref('管理员')
 const systemStatus = ref('online')
 
 // 计算属性
 const organization = computed(() => infoStore.organization)
 const branding = computed(() => infoStore.branding)
 
+// 用户名计算属性
+const currentUser = computed(() => {
+  return userStore.username || '游客'
+})
+
+// 问候语计算属性
+const greeting = computed(() => {
+  const hour = new Date().getHours()
+  let greetingText = ''
+
+  if (hour >= 5 && hour < 12) {
+    greetingText = '早上好'
+  } else if (hour >= 12 && hour < 14) {
+    greetingText = '中午好'
+  } else if (hour >= 14 && hour < 18) {
+    greetingText = '下午好'
+  } else if (hour >= 18 && hour < 22) {
+    greetingText = '晚上好'
+  } else {
+    greetingText = '夜深了'
+  }
+
+  return `${greetingText}！${currentUser.value}`
+})
+
 const statusText = computed(() => {
   switch (systemStatus.value) {
     case 'online':
@@ -76,9 +102,16 @@ const updateTime = () => {
 // 定时器
 let timeInterval = null
 
-onMounted(() => {
+onMounted(async () => {
   updateTime()
   timeInterval = setInterval(updateTime, 1000)
+
+  // 获取用户信息
+  try {
+    await userStore.getCurrentUser()
+  } catch (error) {
+    console.error('获取用户信息失败:', error)
+  }
 })
 
 onUnmounted(() => {
@@ -121,14 +154,14 @@ onUnmounted(() => {
 
 .system-details {
   .system-name {
-    font-size: 16px;
+    font-size: 20px;
     font-weight: 600;
     color: #111827;
     line-height: 1.4;
   }
 
   .system-subtitle {
-    font-size: 12px;
+    font-size: 13px;
     color: #6b7280;
     line-height: 1.2;
   }
@@ -155,7 +188,7 @@ onUnmounted(() => {
 }
 
 .current-time,
-.user-name {
+.user-greeting {
   font-weight: 500;
 }