From 51ec2f16da02e399a77f1015f6d21d92f569d920 Mon Sep 17 00:00:00 2001 From: stardrophere <1925008984@qq.com> Date: Sat, 14 Mar 2026 00:35:24 +0800 Subject: [PATCH] =?UTF-8?q?=E7=95=8C=E9=9D=A2=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/layouts/DashboardLayout.vue | 52 +++++++++-- frontend/src/router/index.ts | 3 +- frontend/src/views/DashboardView.vue | 9 +- frontend/src/views/LoginView.vue | 12 +++ frontend/src/views/RegisterView.vue | 11 +++ frontend/src/views/RevisionsView.vue | 106 ++++++++++++++++++----- frontend/src/views/SearchView.vue | 2 +- 7 files changed, 160 insertions(+), 35 deletions(-) diff --git a/frontend/src/layouts/DashboardLayout.vue b/frontend/src/layouts/DashboardLayout.vue index 8d530c2..61087d6 100644 --- a/frontend/src/layouts/DashboardLayout.vue +++ b/frontend/src/layouts/DashboardLayout.vue @@ -19,13 +19,18 @@ const avatarUrl = computed( `https://ui-avatars.com/api/?name=${encodeURIComponent(displayName.value)}&background=6366f1&color=fff`, ) -const navItems = [ - { name: '全局热点池', icon: 'fa-solid fa-fire', route: '/' }, - { name: '事件追溯分析', icon: 'fa-solid fa-chart-line', route: '/search' }, - { name: '公关修改追踪', icon: 'fa-solid fa-mask', route: '/revisions' }, - { name: '我的泛订阅', icon: 'fa-solid fa-rss', route: '/topics' }, - { name: 'AI 简报设置', icon: 'fa-solid fa-paper-plane', route: '/delivery' }, -] +const navItems = computed(() => { + const items = [ + { name: '全局热点池', icon: 'fa-solid fa-fire', route: '/' }, + { name: '事件追溯分析', icon: 'fa-solid fa-chart-line', route: '/search' }, + { name: '公关修改追踪', icon: 'fa-solid fa-mask', route: '/revisions' }, + ] + if (authStore.isAuthenticated) { + items.push({ name: '我的泛订阅', icon: 'fa-solid fa-rss', route: '/topics' }) + items.push({ name: 'AI 简报设置', icon: 'fa-solid fa-paper-plane', route: '/delivery' }) + } + return items +}) function isActive(path: string) { return route.path === path @@ -72,7 +77,7 @@ function toggleSidebar() { -
+
头像 +
+ + +
@@ -240,6 +257,10 @@ function toggleSidebar() { gap: 4px; } +.user-status.guest { + color: var(--text-placeholder); +} + .status-dot { width: 6px; height: 6px; @@ -249,17 +270,25 @@ function toggleSidebar() { animation: pulse-dot 2s infinite; } +.status-dot.gray { + background: var(--text-placeholder); + animation: none; +} + @keyframes pulse-dot { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } -.logout-btn { +.logout-btn, .login-btn { color: var(--text-secondary); padding: 8px; border-radius: var(--radius-md); font-size: 14px; transition: all 0.2s; + cursor: pointer; + background: transparent; + border: none; } .logout-btn:hover { @@ -267,6 +296,11 @@ function toggleSidebar() { background: rgba(239, 68, 68, 0.1); } +.login-btn:hover { + color: var(--brand-primary); + background: var(--brand-primary-alpha); +} + /* ========================================== 主内容区 ========================================== */ diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts index f56b875..5e9ebcd 100644 --- a/frontend/src/router/index.ts +++ b/frontend/src/router/index.ts @@ -30,7 +30,6 @@ const router = createRouter({ { path: '/', component: DashboardLayout, - meta: { requiresAuth: true }, children: [ { path: '', @@ -46,11 +45,13 @@ const router = createRouter({ path: 'topics', name: 'topics', component: () => import('@/views/TopicsView.vue'), + meta: { requiresAuth: true }, }, { path: 'delivery', name: 'delivery', component: () => import('@/views/DeliveryView.vue'), + meta: { requiresAuth: true }, }, { path: 'search', diff --git a/frontend/src/views/DashboardView.vue b/frontend/src/views/DashboardView.vue index 36d3307..d7521e9 100644 --- a/frontend/src/views/DashboardView.vue +++ b/frontend/src/views/DashboardView.vue @@ -68,7 +68,7 @@ const minHot = ref(savedThreshold !== null ? Number(savedThreshold) : 3) // 增加时间筛选和排序 const hoursRange = ref(48) -const sortBy = ref('hot_score') +const sortBy = ref('created_at') const recSortBy = ref('match_score') // 当前鼠标悬停的平台行标识 @@ -91,8 +91,9 @@ const hoursOptions = [ ] const sortOptions = [ +{ label: '时间排序', value: 'created_at' }, { label: '热度排序', value: 'hot_score' }, - { label: '时间排序', value: 'created_at' }, + ] const recSortOptions = [ @@ -278,7 +279,7 @@ async function loadEvents(append = false) { /** 加载推荐匹配数据 */ async function loadRecommendations() { - if (!userId.value) return + if (!authStore.isAuthenticated || !userId.value) return loadingRecommend.value = true try { const [keywords, recommended] = await Promise.all([ @@ -678,7 +679,7 @@ watch(() => route.query.event, (newId) => {
-
+

diff --git a/frontend/src/views/LoginView.vue b/frontend/src/views/LoginView.vue index d545c4e..304176e 100644 --- a/frontend/src/views/LoginView.vue +++ b/frontend/src/views/LoginView.vue @@ -287,6 +287,10 @@ onUnmounted(() => { + +

@@ -574,6 +578,14 @@ onUnmounted(() => { border: 1px solid rgba(16, 185, 129, 0.2); } +.btn-primary.guest-btn:hover { + background: var(--bg-hover) !important; + color: var(--text-primary) !important; + border-color: var(--border-strong) !important; + box-shadow: none !important; + transform: none !important; +} + .form-footer { margin-top: 32px; text-align: center; diff --git a/frontend/src/views/RegisterView.vue b/frontend/src/views/RegisterView.vue index 07beda6..b6595e6 100644 --- a/frontend/src/views/RegisterView.vue +++ b/frontend/src/views/RegisterView.vue @@ -265,6 +265,9 @@ onUnmounted(() => { +

@@ -533,6 +536,14 @@ onUnmounted(() => { border: 1px solid rgba(16, 185, 129, 0.2); } +.btn-primary.guest-btn:hover { + background: var(--bg-hover) !important; + color: var(--text-primary) !important; + border-color: var(--border-strong) !important; + box-shadow: none !important; + transform: none !important; +} + .form-footer { margin-top: 32px; text-align: center; diff --git a/frontend/src/views/RevisionsView.vue b/frontend/src/views/RevisionsView.vue index 6f04fd5..a28acda 100644 --- a/frontend/src/views/RevisionsView.vue +++ b/frontend/src/views/RevisionsView.vue @@ -1,6 +1,6 @@ @@ -219,27 +226,41 @@ onMounted(loadRevisions)

+ +
+ +
@@ -536,8 +557,53 @@ onMounted(loadRevisions) .chain-arrow { display: flex; justify-content: flex-start; + align-items: center; padding: 3px 0 3px 22px; color: var(--text-placeholder); font-size: 10px; } + +.expand-btn { + background: var(--bg-surface); + border: 1px dashed var(--border-strong); + color: var(--text-secondary); + font-size: 12px; + padding: 4px 12px; + border-radius: var(--radius-full); + cursor: pointer; + display: flex; + align-items: center; + gap: 6px; + transition: all 0.2s; + box-shadow: 0 1px 2px rgba(0,0,0,0.05); + margin-left: 8px; +} + +.expand-btn:hover { + background: var(--brand-primary-alpha); + color: var(--brand-primary); + border-color: var(--brand-primary); + border-style: solid; +} + +.collapse-arrow { + justify-content: center; + padding: 12px 0 0 0; + margin-top: 8px; + border-top: 1px dashed var(--border-subtle); +} + +.collapse-btn { + background: transparent; + border: none; + box-shadow: none; + margin-left: 0; + color: var(--text-placeholder); +} + +.collapse-btn:hover { + background: rgba(107, 114, 128, 0.1); + color: var(--text-primary); + border: none; +} diff --git a/frontend/src/views/SearchView.vue b/frontend/src/views/SearchView.vue index 49c59fe..f877ef0 100644 --- a/frontend/src/views/SearchView.vue +++ b/frontend/src/views/SearchView.vue @@ -11,7 +11,7 @@ const keyword = ref('') const searchResult = ref(null) const loading = ref(false) const hours = ref(2) -const searchMode = ref<'exact' | 'semantic' | 'hybrid'>('hybrid') +const searchMode = ref<'exact' | 'semantic' | 'hybrid'>('exact') const selectedTimeLabel = ref(null) const timeOptions = [