feat: 在AI推荐面板中显示推荐生成时间

This commit is contained in:
dmy
2026-01-22 12:51:34 +08:00
parent 4bace565e4
commit eaed16a12e
2 changed files with 56 additions and 7 deletions

View File

@@ -1,7 +1,10 @@
<template>
<div class="dashboard-ai-container">
<div class="dashboard-header">
<h2 class="dashboard-title">Dashboard AI</h2>
<div class="dashboard-title-wrapper">
<h2 class="dashboard-title">Dashboard AI</h2>
</div>
<el-button type="primary" :loading="loading" @click="fetchAIRecommendations">
<el-icon style="margin-right: 5px"><MagicStick /></el-icon>
获取 AI 推荐
@@ -13,6 +16,12 @@
<el-card class="box-card" shadow="hover">
<div class="card-header">
<span>AI 推荐项目</span>
<span v-if="lastRecommendationTime" class="last-recommendation-time">
生成时间: {{ lastRecommendationTime }}
</span>
<span v-else class="last-recommendation-time text-muted">
暂无推荐时间
</span>
<el-tag type="success">{{ aiRecommendations.length }} 个推荐</el-tag>
</div>
<div v-if="loading" style="text-align: center; padding: 40px;">
@@ -129,7 +138,7 @@
<span v-else>{{ scope.row.title }}</span>
</template>
</el-table-column>
<el-table-column prop="source" label="来源" width="80" />
<el-table-column prop="source" label="来源" width="220" />
<el-table-column prop="publishDate" label="发布日期" width="95">
<template #default="scope">
{{ formatDate(scope.row.publishDate) }}
@@ -172,6 +181,7 @@ const dateRange = ref<[string, string] | null>(null)
const showAllBids = ref(false)
const bidsLoading = ref(false)
const bidsByDateRange = ref<any[]>([])
const lastRecommendationTime = ref<string | null>(null)
// 从 localStorage 加载保存的日期范围
const loadSavedDateRange = () => {
@@ -194,12 +204,15 @@ watch(dateRange, (newDateRange) => {
const loadLatestRecommendations = async () => {
try {
const response = await api.get('/api/ai/latest-recommendations')
const recommendations = response.data
const { recommendations, generatedAt } = response.data
// 更新生成时间
lastRecommendationTime.value = generatedAt
// 获取所有置顶的项目
const pinnedResponse = await api.get('/api/bids/pinned')
const pinnedTitles = new Set(pinnedResponse.data.map((b: any) => b.title))
// 更新每个推荐项目的 pin 状态
aiRecommendations.value = recommendations.map((rec: any) => ({
...rec,
@@ -289,6 +302,9 @@ const fetchAIRecommendations = async () => {
recommendations
})
// 更新时间戳
lastRecommendationTime.value = new Date().toLocaleString('zh-CN', { hour12: false })
ElMessage.success('AI 推荐获取成功')
} catch (error: any) {
ElMessage.error('获取 AI 推荐失败')
@@ -389,11 +405,26 @@ const togglePin = async (item: AIRecommendation) => {
gap: 10px;
}
.dashboard-title-wrapper {
display: flex;
flex-direction: column;
gap: 4px;
}
.dashboard-title {
margin: 0;
font-size: 1.25rem;
}
.last-recommendation-time {
font-size: 0.75rem;
color: var(--el-text-color-secondary);
}
.last-recommendation-time.text-muted {
color: var(--el-text-color-placeholder);
}
.ai-section {
margin-top: 16px;
}
@@ -469,6 +500,11 @@ a:hover {
align-items: flex-start;
}
.dashboard-title-wrapper {
flex-direction: column;
gap: 4px;
}
.dashboard-title {
font-size: 1.1rem;
}