From 6eb6e76bfd49e4f4f6929f0cbcae517b356cae2d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=96=87=E5=B3=B0?= <kevin@lmve.net>
Date: Tue, 14 Apr 2026 17:03:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=97=A5=E7=A8=8B=E5=8D=A1=E7=89=87=E5=9F=BA?=
 =?UTF-8?q?=E6=9C=AC=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .workbuddy/expert-history.json                |  2 +-
 .../ops_vue_js/src/components/AppHeader.vue   |  2 +-
 frontend/ops_vue_js/src/views/HomeView.vue    | 40 ++++++++++++++++---
 3 files changed, 36 insertions(+), 8 deletions(-)

diff --git a/.workbuddy/expert-history.json b/.workbuddy/expert-history.json
index 81e0ce9..96d9057 100644
--- a/.workbuddy/expert-history.json
+++ b/.workbuddy/expert-history.json
@@ -13,5 +13,5 @@
       }
     ]
   },
-  "lastUpdated": 1776156362292
+  "lastUpdated": 1776157357538
 }
\ No newline at end of file
diff --git a/frontend/ops_vue_js/src/components/AppHeader.vue b/frontend/ops_vue_js/src/components/AppHeader.vue
index 65e7175..e11f014 100644
--- a/frontend/ops_vue_js/src/components/AppHeader.vue
+++ b/frontend/ops_vue_js/src/components/AppHeader.vue
@@ -122,7 +122,7 @@ const navItems = computed(() => [
               alt="avatar"
             />
             <span class="max-w-24 truncate">{{
-              userStore.userInfo?userStore.userInfo.Username:userStore.user.Name
+              userStore.userInfo?.Username || userStore.user?.Name || ''
             }}</span>
           </button>
           <Transition
diff --git a/frontend/ops_vue_js/src/views/HomeView.vue b/frontend/ops_vue_js/src/views/HomeView.vue
index 9a99a10..977b076 100644
--- a/frontend/ops_vue_js/src/views/HomeView.vue
+++ b/frontend/ops_vue_js/src/views/HomeView.vue
@@ -71,9 +71,33 @@ function formatTime(dateStr) {
 
 // 格式化日期
 function formatDate(dateStr) {
+  if (!dateStr) return ''
   return dateStr
 }
 
+// 格式化开始结束日期
+function formatDateRange(startDate, endDate) {
+  if (!startDate) return ''
+  if (startDate === endDate) {
+    return startDate
+  }
+  // 返回数组用于分行显示
+  return [startDate, endDate]
+}
+
+// 获取星期几
+function getWeekday(dateStr) {
+  if (!dateStr) return ''
+  const date = new Date(dateStr)
+  const day = date.getDay()
+  if (locale.value === 'en') {
+    const weekdaysEn = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
+    return weekdaysEn[day]
+  }
+  const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
+  return weekdays[day]
+}
+
 onMounted(() => {
   fetchTodaySchedules()
 })
@@ -103,21 +127,25 @@ onMounted(() => {
         <ul class="space-y-2">
           <li
             v-for="schedule in todaySchedules"
-            :key="schedule.ID"
+            :key="schedule?.ID"
             class="flex items-start gap-3 rounded-lg bg-gray-50 px-3 py-2 dark:bg-dk-base"
           >
             <span
-              class="whitespace-nowrap rounded px-2 py-0.5 text-sm font-medium text-white"
-              :style="{ backgroundColor: schedule.BgColor }"
+              class="flex flex-col whitespace-nowrap rounded px-2 py-0.5 text-sm font-medium text-white"
+              :style="{ backgroundColor: schedule?.BgColor || '#999' }"
             >
-              {{ formatDate(schedule.StartDate) }}
+              <span v-if="schedule?.StartDate !== schedule?.EndDate">
+                <div>{{ schedule?.StartDate }} {{ getWeekday(schedule?.StartDate) }}</div>
+                <div>{{ schedule?.EndDate }} {{ getWeekday(schedule?.EndDate) }}</div>
+              </span>
+              <span v-else>{{ schedule?.StartDate }} {{ getWeekday(schedule?.StartDate) }}</span>
             </span>
             <div class="min-w-0 flex-1">
               <p class="truncate text-sm font-medium text-gray-800 dark:text-gray-200">
-                {{ schedule.Title }}
+                {{ schedule?.Title || '' }}
               </p>
               <p class="text-xs text-gray-500 dark:text-gray-400">
-                {{ getUsername(schedule.UserID) }}
+                {{ getUsername(schedule?.UserID) }}
               </p>
             </div>
           </li>