前端增加人工互联网搜索功能

- 新增互联网搜索面板,支持手动输入关键词搜索
- 搜索结果展示为卡片形式,显示标题和链接
- 支持抓取单个结果的详细内容
- 可一键保存搜索结果到内容库
- 新增搜索 API 端点:/api/articles/internet-search
- 搜索结果详情模态框展示
- 响应式设计,搜索结果自适应布局
This commit is contained in:
2026-07-13 12:04:20 +08:00
parent 4f02a6a0ea
commit 7bb5a250c8
4 changed files with 419 additions and 1 deletions
+93
View File
@@ -642,4 +642,97 @@ body {
.priority-low {
color: #10b981;
}
/* 搜索结果卡片 */
.search-results-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 15px;
}
.search-result-card {
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 8px;
padding: 15px;
display: flex;
gap: 15px;
transition: all 0.2s;
}
.search-result-card:hover {
border-color: #667eea;
background: white;
}
.result-number {
width: 30px;
height: 30px;
background: #667eea;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 14px;
}
.result-content {
flex: 1;
min-width: 0;
}
.result-title {
font-size: 15px;
color: #333;
cursor: pointer;
margin-bottom: 8px;
word-break: break-word;
}
.result-title:hover {
color: #667eea;
}
.result-url {
font-size: 12px;
color: #666;
margin-bottom: 6px;
overflow: hidden;
}
.result-url a {
color: #3b82f6;
text-decoration: none;
display: flex;
align-items: center;
gap: 4px;
}
.result-url a:hover {
text-decoration: underline;
}
.result-source {
font-size: 12px;
color: #999;
}
.result-actions {
display: flex;
flex-direction: column;
gap: 8px;
}
/* 搜索状态 */
#internet-search-status {
display: flex;
align-items: center;
gap: 8px;
}
#internet-search-status i {
font-size: 16px;
}