From 50bc930663d3727d1c9dbe09aa0dee78af2918f8 Mon Sep 17 00:00:00 2001
From: dmy <dmy@dmy.com>
Date: Tue, 13 Jan 2026 20:56:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E7=BD=AE=E9=A1=B6=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在仪表盘中添加置顶项目功能，包括：
- 新增置顶项目展示区域
- 为AI推荐项目添加置顶/取消置顶操作
- 后端接口支持置顶状态管理
---
 frontend/src/components/Dashboard-AI.vue | 146 ++++++++++++++++++++++-
 src/bids/controllers/bid.controller.ts   |  12 +-
 src/bids/entities/bid-item.entity.ts     |   3 +
 src/bids/services/bid.service.ts         |  17 +++
 4 files changed, 173 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Dashboard-AI.vue b/frontend/src/components/Dashboard-AI.vue
index a5c5bdb..71cfccc 100644
--- a/frontend/src/components/Dashboard-AI.vue
+++ b/frontend/src/components/Dashboard-AI.vue
@@ -7,6 +7,55 @@
         获取 AI 推荐
       </el-button>
     </div>
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card class="box-card" shadow="hover">
+          <template #header>
+            <div class="card-header">
+              <span>Pined</span>
+              <el-tag type="danger">{{ pinnedBids.length }} 个置顶</el-tag>
+            </div>
+          </template>
+          <div v-if="pinnedLoading" style="text-align: center; padding: 40px;">
+            <el-icon class="is-loading" :size="30"><Loading /></el-icon>
+            <p style="margin-top: 10px; color: #909399;">加载中...</p>
+          </div>
+          <div v-else-if="pinnedBids.length === 0" style="text-align: center; padding: 40px; color: #909399;">
+            <el-icon :size="40"><InfoFilled /></el-icon>
+            <p style="margin-top: 10px;">暂无置顶项目</p>
+          </div>
+          <div v-else>
+            <el-table :data="pinnedBids" style="width: 100%" size="small">
+              <el-table-column label="Pin" width="60" align="center">
+                <template #default="scope">
+                  <el-icon
+                    :style="{
+                      color: '#f56c6c',
+                      cursor: 'pointer',
+                      fontSize: '18px'
+                    }"
+                    @click="togglePinnedPin(scope.row)"
+                  >
+                    <Paperclip />
+                  </el-icon>
+                </template>
+              </el-table-column>
+              <el-table-column prop="title" label="项目名称">
+                <template #default="scope">
+                  <a :href="scope.row.url" target="_blank">{{ scope.row.title }}</a>
+                </template>
+              </el-table-column>
+              <el-table-column prop="source" label="来源" width="200" />
+              <el-table-column prop="publishDate" label="发布日期" width="180">
+                <template #default="scope">
+                  {{ formatDate(scope.row.publishDate) }}
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
     <el-row :gutter="20">
       <el-col :span="24">
         <el-card class="box-card" shadow="hover">
@@ -27,6 +76,20 @@
           </div>
           <div v-else>
             <el-table :data="aiRecommendations" style="width: 100%" size="small">
+              <el-table-column label="Pin" width="60" align="center">
+                <template #default="scope">
+                  <el-icon
+                    :style="{
+                      color: scope.row.pin ? '#f56c6c' : '#909399',
+                      cursor: 'pointer',
+                      fontSize: '18px'
+                    }"
+                    @click="togglePin(scope.row)"
+                  >
+                    <Paperclip />
+                  </el-icon>
+                </template>
+              </el-table-column>
               <el-table-column prop="title" label="项目名称">
                 <template #default="scope">
                   <a :href="scope.row.url" target="_blank">{{ scope.row.title }}</a>
@@ -114,7 +177,7 @@
 import { ref, watch } from 'vue'
 import axios from 'axios'
 import { ElMessage } from 'element-plus'
-import { MagicStick, Loading, InfoFilled, List, ArrowDown } from '@element-plus/icons-vue'
+import { MagicStick, Loading, InfoFilled, List, ArrowDown, Paperclip } from '@element-plus/icons-vue'
 
 
 interface AIRecommendation {
@@ -123,6 +186,7 @@ interface AIRecommendation {
   source: string
   confidence: number
   publishDate?: string
+  pin?: boolean
 }
 
 interface Props {
@@ -137,6 +201,8 @@ const dateRange = ref<[string, string] | null>(null)
 const showAllBids = ref(false)
 const bidsLoading = ref(false)
 const bidsByDateRange = ref<any[]>([])
+const pinnedBids = ref<any[]>([])
+const pinnedLoading = ref(false)
 
 // 从 localStorage 加载保存的日期范围
 const loadSavedDateRange = () => {
@@ -159,15 +225,39 @@ watch(dateRange, (newDateRange) => {
 const loadLatestRecommendations = async () => {
   try {
     const response = await axios.get('/api/ai/latest-recommendations')
-    aiRecommendations.value = response.data
+    const recommendations = response.data
+    
+    // 获取所有置顶的项目
+    const pinnedResponse = await axios.get('/api/bids/pinned')
+    const pinnedTitles = new Set(pinnedResponse.data.map((b: any) => b.title))
+    
+    // 更新每个推荐项目的 pin 状态
+    aiRecommendations.value = recommendations.map((rec: any) => ({
+      ...rec,
+      pin: pinnedTitles.has(rec.title)
+    }))
   } catch (error) {
     console.error('Failed to load latest recommendations:', error)
   }
 }
 
-// 初始化时加载保存的日期范围和最新的 AI 推荐
+// 加载置顶项目
+const loadPinnedBids = async () => {
+  pinnedLoading.value = true
+  try {
+    const response = await axios.get('/api/bids/pinned')
+    pinnedBids.value = response.data
+  } catch (error) {
+    console.error('Failed to load pinned bids:', error)
+  } finally {
+    pinnedLoading.value = false
+  }
+}
+
+// 初始化时加载保存的日期范围、最新的 AI 推荐和置顶项目
 loadSavedDateRange()
 loadLatestRecommendations()
+loadPinnedBids()
 
 // 设置日期范围为最近3天
 const setLast3Days = () => {
@@ -225,7 +315,8 @@ const fetchAIRecommendations = async () => {
         url: bid?.url || '',
         source: bid?.source || '',
         confidence: rec.confidence,
-        publishDate: bid?.publishDate
+        publishDate: bid?.publishDate,
+        pin: bid?.pin || false
       }
     })
 
@@ -299,6 +390,53 @@ const getConfidenceType = (confidence: number) => {
   if (confidence >= 70) return 'warning'
   return 'info'
 }
+
+// 切换 AI 推荐项目的 Pin 状态
+const togglePin = async (item: AIRecommendation) => {
+  try {
+    const newPinStatus = !item.pin
+    await axios.patch(`/api/bids/${encodeURIComponent(item.title)}/pin`, { pin: newPinStatus })
+    item.pin = newPinStatus
+    if (newPinStatus) {
+      // 添加到置顶列表
+      pinnedBids.value.unshift({
+        title: item.title,
+        url: item.url,
+        source: item.source,
+        publishDate: item.publishDate,
+        pin: true
+      })
+    } else {
+      // 从置顶列表移除
+      const index = pinnedBids.value.findIndex(b => b.title === item.title)
+      if (index !== -1) {
+        pinnedBids.value.splice(index, 1)
+      }
+    }
+    ElMessage.success(newPinStatus ? '已置顶' : '已取消置顶')
+  } catch (error) {
+    ElMessage.error('操作失败')
+  }
+}
+
+// 切换置顶列表的 Pin 状态
+const togglePinnedPin = async (item: any) => {
+  try {
+    await axios.patch(`/api/bids/${encodeURIComponent(item.title)}/pin`, { pin: false })
+    const index = pinnedBids.value.findIndex(b => b.title === item.title)
+    if (index !== -1) {
+      pinnedBids.value.splice(index, 1)
+    }
+    // 同时更新 AI 推荐列表中的状态
+    const aiItem = aiRecommendations.value.find(r => r.title === item.title)
+    if (aiItem) {
+      aiItem.pin = false
+    }
+    ElMessage.success('已取消置顶')
+  } catch (error) {
+    ElMessage.error('操作失败')
+  }
+}
 </script>
 
 <style scoped>
diff --git a/src/bids/controllers/bid.controller.ts b/src/bids/controllers/bid.controller.ts
index 1728681..edb564c 100644
--- a/src/bids/controllers/bid.controller.ts
+++ b/src/bids/controllers/bid.controller.ts
@@ -1,4 +1,4 @@
-import { Controller, Get, Query } from '@nestjs/common';
+import { Controller, Get, Query, Patch, Param, Body } from '@nestjs/common';
 import { BidsService } from '../services/bid.service';
 
 @Controller('api/bids')
@@ -15,6 +15,11 @@ export class BidsController {
     return this.bidsService.getRecentBids();
   }
 
+  @Get('pinned')
+  getPinned() {
+    return this.bidsService.getPinnedBids();
+  }
+
   @Get('sources')
   getSources() {
     return this.bidsService.getSources();
@@ -30,4 +35,9 @@ export class BidsController {
   getCrawlInfoStats() {
     return this.bidsService.getCrawlInfoAddStats();
   }
+
+  @Patch(':title/pin')
+  updatePin(@Param('title') title: string, @Body() body: { pin: boolean }) {
+    return this.bidsService.updatePin(title, body.pin);
+  }
 }
diff --git a/src/bids/entities/bid-item.entity.ts b/src/bids/entities/bid-item.entity.ts
index 7d05826..483c921 100644
--- a/src/bids/entities/bid-item.entity.ts
+++ b/src/bids/entities/bid-item.entity.ts
@@ -17,6 +17,9 @@ export class BidItem {
   @Column()
   source: string;
 
+  @Column({ default: false })
+  pin: boolean;
+
   @CreateDateColumn()
   createdAt: Date;
 
diff --git a/src/bids/services/bid.service.ts b/src/bids/services/bid.service.ts
index 36be8c8..9e124ba 100644
--- a/src/bids/services/bid.service.ts
+++ b/src/bids/services/bid.service.ts
@@ -73,6 +73,14 @@ export class BidsService {
       .getMany();
   }
 
+  async getPinnedBids() {
+    return this.bidRepository
+      .createQueryBuilder('bid')
+      .where('bid.pin = :pin', { pin: true })
+      .orderBy('bid.publishDate', 'DESC')
+      .getMany();
+  }
+
   async getBidsByDateRange(startDate?: string, endDate?: string, keywords?: string[]) {
     const qb = this.bidRepository.createQueryBuilder('bid');
 
@@ -101,6 +109,15 @@ export class BidsService {
     return qb.orderBy('bid.publishDate', 'DESC').getMany();
   }
 
+  async updatePin(title: string, pin: boolean) {
+    const item = await this.bidRepository.findOne({ where: { title } });
+    if (!item) {
+      throw new Error('Bid not found');
+    }
+    item.pin = pin;
+    return this.bidRepository.save(item);
+  }
+
   async getCrawlInfoAddStats() {
     // 获取每个来源的最新一次爬虫记录（按 createdAt 降序）
     const query = `