From 9e8306be3ba24caec789fac4c40c8d69731c3f96 Mon Sep 17 00:00:00 2001
From: Lxy <windsdreaming@163.com>
Date: Sun, 7 Jun 2026 21:43:27 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A2=9E=E5=8A=A0=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E9=9D=A2=E6=9D=BF=E7=AD=89=E5=8A=9F=E8=83=BD=EF=BC=8C=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E5=B0=9A=E5=AD=98=E7=BC=BA=E9=99=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .data/trip-planner.db-wal           | Bin 1083592 -> 1788112 bytes
 src/components/UserProfilePanel.vue | 415 ++++++++++++++++++++++++++++
 src/views/HomePage.vue              | 148 +++++-----
 3 files changed, 492 insertions(+), 71 deletions(-)
 create mode 100644 src/components/UserProfilePanel.vue

diff --git a/.data/trip-planner.db-wal b/.data/trip-planner.db-wal
index 4c3d4568cc8e8e95f2d269d855c29951cf725b9e..669beda99f285ce9320586a202f833bb96f5a65a 100644
GIT binary patch
delta 39826
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
F{{Z?z&dUG*

delta 41
wcmcaGG55qor-l~B7N!>F7M2#)7Pc1l7LFFq7OocV7M>Q~7QPn#EdnPx06e%3G5`Po

diff --git a/src/components/UserProfilePanel.vue b/src/components/UserProfilePanel.vue
new file mode 100644
index 0000000..539d3ff
--- /dev/null
+++ b/src/components/UserProfilePanel.vue
@@ -0,0 +1,415 @@
+<template>
+  <div v-if="props.visible" class="user-panel">
+    <div class="panel-content">
+      <!-- 用户信息 -->
+      <div class="user-section">
+        <div class="user-avatar">{{ authStore.user?.username?.charAt(0)?.toUpperCase() || 'U' }}</div>
+        <div class="user-details">
+          <div class="user-name">{{ authStore.user?.username }}</div>
+          <div class="user-role" :class="authStore.user?.role">
+            {{ authStore.user?.role === 'admin' ? '管理员' : '普通用户' }}
+          </div>
+        </div>
+        <button class="close-btn" @click="handleClose">✕</button>
+      </div>
+
+      <!-- 用户统计 -->
+      <div class="user-stats">
+        <div class="stat-item">
+          <span class="stat-num">{{ plans.length }}</span>
+          <span class="stat-label">行程规划</span>
+        </div>
+        <div class="stat-item">
+          <span class="stat-num">0</span>
+          <span class="stat-label">行程收藏</span>
+        </div>
+        <div class="stat-item">
+          <span class="stat-num">0</span>
+          <span class="stat-label">地点收藏</span>
+        </div>
+      </div>
+
+      <!-- Tab 导航 -->
+      <div class="tab-nav">
+        <button :class="{ active: activeTab === 'plans' }" @click="activeTab = 'plans'">📋 规划记录</button>
+        <button :class="{ active: activeTab === 'favorites' }" @click="activeTab = 'favorites'">⭐ 行程收藏</button>
+        <button :class="{ active: activeTab === 'locations' }" @click="activeTab = 'locations'">📍 地点收藏</button>
+      </div>
+
+      <!-- 规划记录 -->
+      <div v-if="activeTab === 'plans'" class="tab-content">
+        <div v-if="loadingPlans" class="loading">加载中...</div>
+        <div v-else-if="plans.length === 0" class="empty">暂无规划记录</div>
+        <div v-else class="plan-list">
+          <div v-for="plan in plans" :key="plan.id" class="plan-item" @click="loadPlan(plan)">
+            <div class="plan-name">{{ plan.name }}</div>
+            <div v-if="plan.description" class="plan-desc">{{ plan.description }}</div>
+            <div class="plan-date">{{ formatDate(plan.created_at) }}</div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 行程收藏 -->
+      <div v-if="activeTab === 'favorites'" class="tab-content">
+        <div class="empty-placeholder">
+          <div class="empty-icon">⭐</div>
+          <p>暂无收藏行程</p>
+          <p class="hint">功能开发中...</p>
+        </div>
+      </div>
+
+      <!-- 地点收藏 -->
+      <div v-if="activeTab === 'locations'" class="tab-content">
+        <div class="empty-placeholder">
+          <div class="empty-icon">📍</div>
+          <p>暂无收藏地点</p>
+          <p class="hint">功能开发中...</p>
+        </div>
+      </div>
+
+      <!-- 退出登录按钮 -->
+      <div class="logout-section">
+        <button class="logout-panel-btn" @click="handleLogout">🚪 退出登录</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { useRouter } from 'vue-router'
+import { useAuthStore } from '../stores/auth'
+import { useItineraryStore } from '../stores/itinerary'
+import { trackPlanLoad } from '../services/statsService'
+
+const props = defineProps({
+  visible: { type: Boolean, default: false }
+})
+
+const emit = defineEmits(['update:visible', 'load', 'close'])
+
+const router = useRouter()
+const authStore = useAuthStore()
+const itineraryStore = useItineraryStore()
+
+const activeTab = ref('plans')
+const plans = ref([])
+const loadingPlans = ref(false)
+
+onMounted(async () => {
+  if (authStore.isAuthenticated) {
+    await loadPlans()
+  }
+})
+
+function handleClose() {
+  emit('update:visible', false)
+  emit('close')
+}
+
+function handleLogout() {
+  if (confirm('确定要退出登录吗？')) {
+    authStore.logout()
+    emit('update:visible', false)
+    router.push('/')
+  }
+}
+
+async function loadPlans() {
+  loadingPlans.value = true
+  try {
+    const API_BASE = 'http://localhost:3001/api'
+    const headers = { 'Authorization': `Bearer ${authStore.token}` }
+    
+    const res = await fetch(`${API_BASE}/plans`, { headers })
+    const data = await res.json()
+    plans.value = data.plans || []
+  } catch (err) {
+    console.error('加载规划记录失败:', err)
+  } finally {
+    loadingPlans.value = false
+  }
+}
+
+async function loadPlan(plan) {
+  loadingPlans.value = true
+  try {
+    const API_BASE = 'http://localhost:3001/api'
+    const headers = { 'Authorization': `Bearer ${authStore.token}` }
+    
+    const res = await fetch(`${API_BASE}/plans/${plan.id}`, { headers })
+    const data = await res.json()
+    
+    if (data.plan) {
+      const planData = data.plan.data
+      if (planData.points) {
+        itineraryStore.loadFromAI({ points: planData.points })
+        itineraryStore.setPhase('workbench')
+        trackPlanLoad(plan.id)
+        emit('load', plan)
+        router.push('/')
+      }
+    }
+  } catch (err) {
+    console.error('加载行程失败:', err)
+    alert('加载行程失败')
+  } finally {
+    loadingPlans.value = false
+  }
+}
+
+function formatDate(dateStr) {
+  const date = new Date(dateStr)
+  return date.toLocaleDateString('zh-CN', { month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' })
+}
+</script>
+
+<style scoped>
+.user-panel {
+  position: fixed;
+  top: 60px;
+  right: 0;
+  width: 320px;
+  height: calc(100vh - 60px);
+  background: #fff;
+  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
+  z-index: 9998;
+  display: flex;
+  flex-direction: column;
+}
+
+.panel-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 用户信息 */
+.user-section {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid #e9ecef;
+  margin-bottom: 16px;
+}
+
+.user-avatar {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #6c5ce7, #a29bfe);
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  font-weight: 700;
+  flex-shrink: 0;
+}
+
+.user-details {
+  flex: 1;
+  min-width: 0;
+}
+
+.user-name {
+  font-size: 16px;
+  font-weight: 600;
+  color: #2d3436;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.user-role {
+  font-size: 12px;
+  padding: 2px 8px;
+  border-radius: 10px;
+  display: inline-block;
+  margin-top: 4px;
+}
+
+.user-role.admin {
+  background: #ffe0e0;
+  color: #d63031;
+}
+
+.user-role.user {
+  background: #e8e4ff;
+  color: #6c5ce7;
+}
+
+/* 关闭按钮 */
+.close-btn {
+  flex-shrink: 0;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  background: #f5f7fa;
+  color: #636e72;
+  border: none;
+  cursor: pointer;
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s;
+}
+
+.close-btn:hover {
+  background: #e8e4ff;
+  color: #6c5ce7;
+}
+
+/* Tab 导航 */
+.tab-nav {
+  display: flex;
+  gap: 4px;
+  margin-bottom: 16px;
+}
+
+.tab-nav button {
+  flex: 1;
+  padding: 8px 4px;
+  border: none;
+  background: #f5f7fa;
+  border-radius: 6px;
+  font-size: 12px;
+  cursor: pointer;
+  transition: all 0.2s;
+  color: #636e72;
+}
+
+.tab-nav button.active {
+  background: #6c5ce7;
+  color: #fff;
+}
+
+.tab-nav button:hover:not(.active) {
+  background: #e8e4ff;
+}
+
+/* Tab 内容 */
+.tab-content {
+  flex: 1;
+  min-height: 150px;
+}
+
+/* 用户统计 */
+.user-stats {
+  display: flex;
+  justify-content: space-around;
+  padding: 16px 0;
+  border-bottom: 1px solid #e9ecef;
+  margin-bottom: 16px;
+}
+
+.stat-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+}
+
+.stat-num {
+  font-size: 20px;
+  font-weight: 700;
+  color: #6c5ce7;
+}
+
+.stat-label {
+  font-size: 11px;
+  color: #636e72;
+}
+
+.loading,
+.empty {
+  text-align: center;
+  color: #b2bec3;
+  padding: 40px 0;
+}
+
+.empty-placeholder {
+  text-align: center;
+  padding: 40px 0;
+  color: #b2bec3;
+}
+
+.empty-icon {
+  font-size: 48px;
+  margin-bottom: 12px;
+}
+
+.empty-placeholder .hint {
+  font-size: 12px;
+  color: #dfe6e9;
+  margin-top: 8px;
+}
+
+/* 规划列表 */
+.plan-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.plan-item {
+  padding: 12px;
+  background: #f5f7fa;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.plan-item:hover {
+  background: #e8e4ff;
+}
+
+.plan-name {
+  font-size: 13px;
+  font-weight: 600;
+  color: #2d3436;
+  margin-bottom: 4px;
+}
+
+.plan-desc {
+  font-size: 11px;
+  color: #636e72;
+  margin-bottom: 6px;
+  line-height: 1.3;
+}
+
+.plan-date {
+  font-size: 10px;
+  color: #b2bec3;
+}
+
+/* 退出登录区域 - 自动推到底部 */
+.logout-section {
+  margin-top: auto;
+  padding-top: 16px;
+  border-top: 1px solid #e9ecef;
+}
+
+.logout-panel-btn {
+  width: 100%;
+  padding: 12px;
+  border-radius: 8px;
+  border: 2px solid #d63031;
+  background: #fff;
+  color: #d63031;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.logout-panel-btn:hover {
+  background: #d63031;
+  color: #fff;
+}
+</style>
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index f017d63..6c86620 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -5,16 +5,18 @@
       <div class="brand"><span class="icon"></span> 智能行程规划</div>
       <div class="top-bar-right">
         <button v-if="authStore.isAdmin" class="admin-btn" @click="$router.push('/admin')">管理后台</button>
-        <button v-if="authStore.isAuthenticated" class="history-btn" @click="showHistory = true">📋 历史记录</button>
-        <div v-if="authStore.isAuthenticated" class="user-info">
-          <span class="username">{{ authStore.user?.username }}</span>
-          <button class="logout-btn" @click="handleLogout">退出</button>
-        </div>
-        <div v-else-if="authStore.isGuest" class="guest-info">
-          <span class="guest-badge">👤 游客</span>
-          <button class="login-btn" @click="showAuthModal = true">登录/注册</button>
-        </div>
-        <button v-else class="login-btn" @click="showAuthModal = true">登录/注册</button>
+        <button v-if="authStore.isAuthenticated" class="user-toggle-btn" @click="toggleUserProfile">
+          <span class="user-avatar-small">{{ authStore.user?.username?.charAt(0)?.toUpperCase() }}</span>
+          <span class="user-name-btn">{{ authStore.user?.username }}</span>
+          <span class="toggle-arrow">{{ showUserProfile ? '▲' : '▼' }}</span>
+        </button>
+        <template v-else>
+          <button class="user-toggle-btn guest" @click="showHistory = true">
+            <span class="user-avatar-small">👤</span>
+            <span class="user-name-btn">游客</span>
+          </button>
+          <button class="login-small-btn" @click="showAuthModal = true">登录</button>
+        </template>
         <button v-if="!showModeSelection" class="home-btn" @click="goHome">回到首页</button>
       </div>
     </nav>
@@ -57,8 +59,11 @@
       <Workbench v-else />
     </div>
 
-    <!-- 历史记录面板 -->
-    <HistoryPanel v-if="showHistory" @close="showHistory = false" @load="showHistory = false" />
+    <!-- 用户管理面板（已登录用户） -->
+    <UserProfilePanel v-if="authStore.isAuthenticated" v-model:visible="showUserProfile" @load="showUserProfile = false" />
+    
+    <!-- 历史记录面板（游客） -->
+    <HistoryPanel v-if="!authStore.isAuthenticated && showHistory" @close="showHistory = false" @load="showHistory = false" />
     
     <!-- 登录/注册模态框 -->
     <AuthModal v-model:visible="showAuthModal" @success="handleAuthSuccess" />
@@ -67,7 +72,6 @@
 
 <script setup>
 import { ref, computed } from 'vue'
-import { useRouter } from 'vue-router'
 import { useItineraryStore } from '../stores/itinerary'
 import { useAuthStore } from '../stores/auth'
 import ChatInterface from '../components/ChatInterface.vue'
@@ -77,11 +81,12 @@ import QuickPlanPanel from '../components/QuickPlanPanel.vue'
 import CustomPlanPanel from '../components/CustomPlanPanel.vue'
 import HistoryPanel from '../components/HistoryPanel.vue'
 import AuthModal from '../components/AuthModal.vue'
+import UserProfilePanel from '../components/UserProfilePanel.vue'
 
 const store = useItineraryStore()
 const authStore = useAuthStore()
-const router = useRouter()
 const showHistory = ref(false)
+const showUserProfile = ref(false)
 const showAuthModal = ref(false)
 
 const showModeSelection = computed(() => {
@@ -96,12 +101,13 @@ function handleAuthSuccess() {
   }
 }
 
-function handleLogout() {
-  if (confirm('确定要退出登录吗？')) {
-    authStore.logout()
-    // 重新初始化游客会话
-    authStore.initGuestSession()
-    router.push('/')
+function toggleUserProfile() {
+  if (!showUserProfile.value) {
+    // 打开面板
+    showUserProfile.value = true
+  } else {
+    // 关闭面板
+    showUserProfile.value = false
   }
 }
 
@@ -159,81 +165,81 @@ const goHome = () => {
   gap: 12px;
 }
 
-.login-btn {
-  padding: 8px 16px;
-  border-radius: 6px;
-  font-size: 13px;
-  cursor: pointer;
+.user-toggle-btn {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 12px;
+  border-radius: 20px;
   border: 1.5px solid #6c5ce7;
   background: #fff;
-  color: #6c5ce7;
+  cursor: pointer;
   transition: all 0.2s;
+  font-size: 13px;
   font-weight: 500;
+  color: #2d3436;
 }
 
-.login-btn:hover {
-  background: #6c5ce7;
-  color: #fff;
+.user-toggle-btn:hover {
+  background: #f8f9ff;
+  border-color: #5b4bd5;
 }
 
-.user-info {
-  display: flex;
-  align-items: center;
-  gap: 8px;
+.user-toggle-btn.guest {
+  border-color: #b2bec3;
+  color: #636e72;
 }
 
-.guest-info {
-  display: flex;
-  align-items: center;
-  gap: 8px;
+.user-toggle-btn.guest:hover {
+  background: #f5f7fa;
 }
 
-.guest-badge {
-  font-size: 12px;
-  color: #636e72;
-  background: #f5f7fa;
-  padding: 4px 10px;
+.login-small-btn {
+  padding: 6px 14px;
   border-radius: 20px;
-  font-weight: 500;
+  border: 1.5px solid #6c5ce7;
+  background: #6c5ce7;
+  color: #fff;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s;
 }
 
-.username {
-  font-size: 13px;
-  color: #2d3436;
-  font-weight: 600;
+.login-small-btn:hover {
+  background: #5b4bd5;
+  border-color: #5b4bd5;
 }
 
-.logout-btn {
-  padding: 6px 12px;
-  border-radius: 6px;
+.user-avatar-small {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #6c5ce7, #a29bfe);
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   font-size: 12px;
-  cursor: pointer;
-  border: 1.5px solid #d63031;
-  background: #fff;
-  color: #d63031;
-  transition: all 0.2s;
+  font-weight: 700;
 }
 
-.logout-btn:hover {
-  background: #d63031;
-  color: #fff;
+.user-toggle-btn.guest .user-avatar-small {
+  background: #dfe6e9;
+  font-size: 14px;
 }
 
-.history-btn {
-  padding: 8px 16px;
-  border-radius: 6px;
-  font-size: 13px;
-  cursor: pointer;
-  border: 1.5px solid #00b894;
-  background: #fff;
-  color: #00b894;
-  transition: all 0.2s;
-  font-weight: 500;
+.user-name-btn {
+  max-width: 80px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-.history-btn:hover {
-  background: #00b894;
-  color: #fff;
+.toggle-arrow {
+  font-size: 10px;
+  color: #b2bec3;
+  margin-left: 4px;
 }
 
 .admin-btn {