tool/tool-node
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(config): 南京公共资源交易中心

Browse Source
This commit is contained in:
zhaojunlong
2025-12-15 18:15:05 +08:00
parent 6fc9748009
commit 02e3728c5e
373 changed files with 227 additions and 216925 deletions
Download Patch File Download Diff File Expand all files Collapse all files

355
public/app.js
View File

@@ -9,12 +9,6 @@ function toggleDateRange() {
document.getElementById('normalFields').style.display = useDateRange ? 'none' : 'block';
}
function toggleDetailDateRange() {
const useDetailDateRange = document.getElementById('useDetailDateRange').checked;
document.getElementById('detailDateRangeFields').style.display = useDetailDateRange ? 'block' : 'none';
document.getElementById('detailNormalFields').style.display = useDetailDateRange ? 'none' : 'block';
}
function switchTab(tabName) {
// 隐藏所有标签内容
document.querySelectorAll('.tab-content').forEach(content => {
@@ -30,7 +24,6 @@ function switchTab(tabName) {
}
async function fetchList(pageNum) {
const url = document.getElementById('listUrl').value;
const page = pageNum || parseInt(document.getElementById('listPage').value) || 1;
const loading = document.getElementById('listLoading');
const results = document.getElementById('listResults');
@@ -44,7 +37,7 @@ async function fetchList(pageNum) {
pagination.style.display = 'none';
try {
const response = await fetch(`${API_BASE}/list?url=${encodeURIComponent(url)}&page=${page}`);
const response = await fetch(`${API_BASE}/list?page=${page}`);
const data = await response.json();
if (data.success) {
@@ -94,127 +87,11 @@ function displayList(items, container) {
${items.map((item, index) => `
<div class="list-item">
<h3>${index + 1}. ${item.title}</h3>
<div class="meta">标段编号: ${item.bidNo}</div>
<div class="meta">标段名称: ${item.bidName}</div>
<div class="meta">发布日期: ${item.date}</div>
<a href="${item.href}" target="_blank">查看详情 →</a>
</div>
`).join('')}
</div>
`;
container.innerHTML = html;
}
async function fetchDetails() {
const useDetailDateRange = document.getElementById('useDetailDateRange').checked;
const loading = document.getElementById('detailLoading');
const results = document.getElementById('detailResults');
loading.classList.add('active');
results.innerHTML = '';
try {
let listData;
if (useDetailDateRange) {
// 时间范围模式
const startDate = document.getElementById('detailStartDate').value;
const endDate = document.getElementById('detailEndDate').value;
const maxPages = parseInt(document.getElementById('detailMaxPages').value);
if (!startDate && !endDate) {
results.innerHTML = '<div class="error">请至少填写开始日期或结束日期</div>';
loading.classList.remove('active');
return;
}
const dateRangeResponse = await fetch(`${API_BASE}/list-daterange`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ startDate, endDate, maxPages })
});
listData = await dateRangeResponse.json();
} else {
// 普通模式 - 按数量采集多页
const url = document.getElementById('detailUrl').value;
const limit = parseInt(document.getElementById('detailLimit').value);
// 采集多页直到获得足够数量
const allItems = [];
let page = 1;
const maxPagesToFetch = Math.ceil(limit / 10) + 1; // 假设每页约10条
while (allItems.length < limit && page <= maxPagesToFetch) {
const listResponse = await fetch(`${API_BASE}/list?url=${encodeURIComponent(url)}&page=${page}`);
const pageData = await listResponse.json();
if (!pageData.success) {
if (allItems.length === 0) {
results.innerHTML = `<div class="error">错误: ${pageData.error}</div>`;
loading.classList.remove('active');
return;
}
break;
}
if (pageData.data.length === 0) {
break;
}
allItems.push(...pageData.data);
page++;
// 如果还需要更多数据且未到达上限，稍作延迟
if (allItems.length < limit && page <= maxPagesToFetch) {
await new Promise(resolve => setTimeout(resolve, 500));
}
}
listData = { success: true, data: allItems };
}
if (!listData.success) {
results.innerHTML = `<div class="error">错误: ${listData.error}</div>`;
return;
}
// 采集详情
const limit = useDetailDateRange ? listData.data.length : parseInt(document.getElementById('detailLimit').value);
const detailResponse = await fetch(`${API_BASE}/details`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ items: listData.data, limit })
});
const detailData = await detailResponse.json();
if (detailData.success) {
displayDetails(detailData.data, results);
} else {
results.innerHTML = `<div class="error">错误: ${detailData.error}</div>`;
}
} catch (error) {
results.innerHTML = `<div class="error">请求失败: ${error.message}</div>`;
} finally {
loading.classList.remove('active');
}
}
function displayDetails(items, container) {
const html = `
<div style="max-height: 380px; overflow-y: auto;">
<h3 style="margin-bottom: 15px;">采集了 ${items.length} 条详情</h3>
${items.map((item, index) => `
<div class="list-item">
<h3>${index + 1}. ${item.title}</h3>
<div class="meta">发布日期: ${item.date}</div>
${item.detail ? `
<div class="meta">发布时间: ${item.detail.publishTime || '未知'}</div>
${item.detail.budget ? `
<span class="budget">${item.detail.budget.amount}${item.detail.budget.unit}</span>
` : '<div class="meta">未找到预算信息</div>'}
` : '<div class="error">采集失败</div>'}
<br><a href="${item.href}" target="_blank">查看原文 →</a>
<span class="budget">${item.budget.amount}${item.budget.unit}</span>
${item.href ? `<br><a href="${item.href}" target="_blank">查看详情 →</a>` : ''}
</div>
`).join('')}
</div>
@@ -256,13 +133,12 @@ async function generateReport() {
});
} else {
// 普通模式
const url = document.getElementById('reportUrl').value;
const limit = parseInt(document.getElementById('reportLimit').value);
response = await fetch(`${API_BASE}/report`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ url, limit, threshold })
body: JSON.stringify({ limit, threshold })
});
}
@@ -310,11 +186,11 @@ function displayReport(report, container) {
${report.projects.map((project, index) => `
<div class="list-item">
<h3>${index + 1}. ${project.title}</h3>
<div class="meta">标段编号: ${project.bidNo || '-'}</div>
<div class="meta">标段名称: ${project.bidName || '-'}</div>
<div class="meta">发布日期: ${project.date}</div>
<div class="meta">发布时间: ${project.publish_time}</div>
<span class="budget">${project.budget.amount}${project.budget.unit}</span>
<div class="meta" style="margin-top: 8px;">金额描述: ${project.budget.text}</div>
<br><a href="${project.url}" target="_blank">查看详情 →</a>
${project.url ? `<br><a href="${project.url}" target="_blank">查看详情 →</a>` : ''}
</div>
`).join('')}
`}
@@ -341,7 +217,7 @@ async function exportReport() {
// 标题
paragraphs.push(
new Paragraph({
text: '南京公共工程建设项目报告',
text: '南京公共资源交易平台 - 招标公告报告',
heading: HeadingLevel.HEADING_1,
alignment: AlignmentType.CENTER,
spacing: { after: 200 }
@@ -419,6 +295,20 @@ async function exportReport() {
// 项目详情
paragraphs.push(
new Paragraph({
children: [
new TextRun({ text: '标段编号: ', bold: true }),
new TextRun({ text: project.bidNo || '-' })
],
spacing: { after: 50 }
}),
new Paragraph({
children: [
new TextRun({ text: '标段名称: ', bold: true }),
new TextRun({ text: project.bidName || '-' })
],
spacing: { after: 50 }
}),
new Paragraph({
children: [
new TextRun({ text: '发布日期: ', bold: true }),
@@ -428,14 +318,7 @@ async function exportReport() {
}),
new Paragraph({
children: [
new TextRun({ text: '发布时间: ', bold: true }),
new TextRun({ text: project.publish_time })
],
spacing: { after: 50 }
}),
new Paragraph({
children: [
new TextRun({ text: '预算金额: ', bold: true }),
new TextRun({ text: '合同估算价: ', bold: true }),
new TextRun({ text: `${project.budget.amount}${project.budget.unit}` })
],
spacing: { after: 50 }
@@ -443,14 +326,7 @@ async function exportReport() {
new Paragraph({
children: [
new TextRun({ text: '链接: ', bold: true }),
new TextRun({ text: project.url, color: '0000FF' })
],
spacing: { after: 50 }
}),
new Paragraph({
children: [
new TextRun({ text: '金额描述: ', bold: true }),
new TextRun({ text: project.budget.text })
new TextRun({ text: project.url || '-', color: '0000FF' })
],
spacing: { after: 100 }
})
@@ -539,21 +415,20 @@ async function testEmailConfig() {
summary: {
total_count: 1,
filtered_count: 1,
threshold: '50万元',
total_amount: '100.00万元',
threshold: '1000万元',
total_amount: '10000.00万元',
generated_at: new Date().toISOString()
},
projects: [{
bidNo: 'TEST001',
title: '这是一封测试邮件',
bidName: '测试标段',
date: new Date().toLocaleDateString('zh-CN'),
publish_time: new Date().toLocaleString('zh-CN'),
budget: {
amount: 100,
unit: '万元',
text: '测试金额',
originalUnit: '万元'
amount: 10000,
unit: '万元'
},
url: 'https://gjzx.nanjing.gov.cn'
url: 'https://njggzy.nanjing.gov.cn'
}]
};
@@ -722,7 +597,7 @@ async function loadSchedulerConfig() {
document.getElementById('schedulerEnabled').checked = config.scheduler.enabled || false;
const cronTime = config.scheduler.cronTime || '0 9 * * *';
document.getElementById('schedulerCronInput').value = cronTime;
document.getElementById('schedulerThresholdInput').value = config.scheduler.threshold || 100000;
document.getElementById('schedulerThresholdInput').value = config.scheduler.threshold || 10000;
document.getElementById('schedulerDescription').value = config.scheduler.description || '';
// 时间段配置
@@ -801,7 +676,6 @@ function updateCustomCron() {
document.addEventListener('DOMContentLoaded', function() {
loadEmailConfig();
loadSchedulerConfig();
loadLLMConfig();
// 添加自定义时间输入框的事件监听
const customHour = document.getElementById('customHour');
@@ -909,7 +783,7 @@ async function saveSchedulerConfig() {
// 立即测试运行定时任务
async function testSchedulerNow() {
if (!confirm('确定要立即执行定时任务吗?\n\n这将采集本月大于阈值的项目并发送邮件,可能需要几分钟时间。')) {
if (!confirm('确定要立即执行定时任务吗?\n\n这将采集选定时间段内大于阈值的项目并发送邮件,可能需要几分钟时间。')) {
return;
}
@@ -960,162 +834,3 @@ function showSchedulerStatus(message, type) {
}, 3000);
}
}
// ========== LLM 配置功能 ==========
// 加载 LLM 配置
async function loadLLMConfig() {
try {
const response = await fetch(`${API_BASE}/config`);
const data = await response.json();
if (data.success && data.data && data.data.llm) {
const llmConfig = data.data.llm;
document.getElementById('llmEnabled').checked = llmConfig.enabled || false;
document.getElementById('llmApiKey').value = llmConfig.apiKey || '';
document.getElementById('llmBaseUrl').value = llmConfig.baseUrl || 'https://dashscope.aliyuncs.com/compatible-mode/v1';
document.getElementById('llmModel').value = llmConfig.model || 'qwen-turbo';
}
// 更新状态显示
await updateLLMStatus();
} catch (error) {
console.error('加载 LLM 配置失败:', error);
}
}
// 更新 LLM 状态显示
async function updateLLMStatus() {
try {
const response = await fetch(`${API_BASE}/llm/status`);
const data = await response.json();
if (data.success && data.data) {
const status = data.data;
// 更新运行状态
let statusText, statusColor;
if (status.enabled) {
statusText = '✓ 已启用';
statusColor = '#28a745';
} else if (status.configured) {
statusText = '○ 已配置但未启用';
statusColor = '#ffc107';
} else {
statusText = '✗ 未配置';
statusColor = '#dc3545';
}
document.getElementById('llmRunningStatus').innerHTML = `<span style="color: ${statusColor}">${statusText}</span>`;
// 更新模型名称
document.getElementById('llmModelName').textContent = status.model || '-';
}
} catch (error) {
console.error('获取 LLM 状态失败:', error);
document.getElementById('llmRunningStatus').innerHTML = '<span style="color: #dc3545">获取状态失败</span>';
}
}
// 保存 LLM 配置
async function saveLLMConfig() {
const llmConfig = {
enabled: document.getElementById('llmEnabled').checked,
apiKey: document.getElementById('llmApiKey').value,
baseUrl: document.getElementById('llmBaseUrl').value || 'https://dashscope.aliyuncs.com/compatible-mode/v1',
model: document.getElementById('llmModel').value || 'qwen-turbo'
};
// 验证必填项
if (llmConfig.enabled && !llmConfig.apiKey) {
showLLMStatus('启用 AI 功能需要填写 API Key', 'error');
return;
}
showLLMStatus('正在保存配置...', 'info');
try {
// 先获取现有配置
const configResponse = await fetch(`${API_BASE}/config`);
const configData = await configResponse.json();
if (!configData.success) {
showLLMStatus('获取配置失败', 'error');
return;
}
// 合并配置
const fullConfig = {
...configData.data,
llm: llmConfig
};
// 保存配置
const response = await fetch(`${API_BASE}/config`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(fullConfig)
});
const data = await response.json();
if (data.success) {
showLLMStatus('配置已保存!', 'success');
await updateLLMStatus();
} else {
showLLMStatus(`保存失败: ${data.error}`, 'error');
}
} catch (error) {
showLLMStatus(`请求失败: ${error.message}`, 'error');
}
}
// 测试 LLM 连接
async function testLLMConnection() {
showLLMStatus('正在测试连接...', 'info');
try {
const response = await fetch(`${API_BASE}/llm/test`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' }
});
const data = await response.json();
if (data.success && data.data.success) {
showLLMStatus(`连接成功! 模型: ${data.data.model}, 响应: ${data.data.reply}`, 'success');
} else {
showLLMStatus(`连接失败: ${data.data?.error || data.error || '未知错误'}`, 'error');
}
} catch (error) {
showLLMStatus(`请求失败: ${error.message}`, 'error');
}
}
// 显示 LLM 配置状态
function showLLMStatus(message, type) {
const statusDiv = document.getElementById('llmConfigStatus');
const bgColors = {
success: '#d4edda',
error: '#f8d7da',
info: '#d1ecf1'
};
const textColors = {
success: '#155724',
error: '#721c24',
info: '#0c5460'
};
statusDiv.innerHTML = `
<div style="background: ${bgColors[type]}; color: ${textColors[type]}; padding: 15px; border-radius: 8px;">
${message}
</div>
`;
// 5秒后自动隐藏成功消息
if (type === 'success') {
setTimeout(() => {
statusDiv.innerHTML = '';
}, 5000);
}
}

204
public/index.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>南京公共工程建设中心 - 公告采集工具</title>
<title>南京公共资源交易平台 - 合同估算价采集工具</title>
<style>
* {
margin: 0;
@@ -95,7 +95,7 @@
color: #333;
}
.form-group input {
.form-group input, .form-group select {
width: 100%;
padding: 12px;
border: 2px solid #e0e0e0;
@@ -104,7 +104,7 @@
transition: border 0.3s;
}
.form-group input:focus {
.form-group input:focus, .form-group select:focus {
outline: none;
border-color: #667eea;
}
@@ -242,7 +242,7 @@
}
.simple-list {
max-height: 380px;
max-height: 500px;
overflow-y: auto;
}
@@ -318,12 +318,6 @@
cursor: not-allowed;
}
.pagination button.active {
background: #667eea;
color: white;
font-weight: bold;
}
.pagination .page-info {
color: #666;
font-size: 14px;
@@ -334,29 +328,23 @@
<body>
<div class="container">
<div class="header">
<h1>南京公共工程建设中心</h1>
<p>公告采集与分析工具</p>
<h1>南京公共资源交易平台</h1>
<p>房建市政招标公告 - 合同估算价采集工具</p>
</div>
<div class="tabs">
<button class="tab active" onclick="switchTab('list')">公告列表</button>
<button class="tab" onclick="switchTab('detail')">详情采集</button>
<button class="tab" onclick="switchTab('report')">生成报告</button>
<button class="tab" onclick="switchTab('scheduler')">定时任务</button>
<button class="tab" onclick="switchTab('email')">邮件配置</button>
<button class="tab" onclick="switchTab('llm')">AI配置</button>
</div>
<div class="content">
<!-- 公告列表 -->
<div id="list" class="tab-content active">
<div class="form-group">
<label>列表页URL (可选)</label>
<input type="text" id="listUrl" placeholder="默认: https://gjzx.nanjing.gov.cn/gggs/">
</div>
<div class="form-group">
<label>页码 (第1页为最新公告)</label>
<input type="number" id="listPage" value="1" min="1" max="100">
<input type="number" id="listPage" value="1" min="1" max="300">
</div>
<button class="btn" onclick="fetchList()">获取公告列表</button>
@@ -375,51 +363,6 @@
</div>
</div>
<!-- 详情采集 -->
<div id="detail" class="tab-content">
<div class="form-group">
<div class="checkbox-wrapper" onclick="document.getElementById('useDetailDateRange').click();">
<input type="checkbox" id="useDetailDateRange" onchange="toggleDetailDateRange()" onclick="event.stopPropagation();">
<label for="useDetailDateRange">按时间范围采集</label>
</div>
</div>
<div id="detailDateRangeFields" style="display:none;">
<div class="form-group">
<label>开始日期</label>
<input type="date" id="detailStartDate">
</div>
<div class="form-group">
<label>结束日期</label>
<input type="date" id="detailEndDate">
</div>
<div class="form-group">
<label>最大采集页数</label>
<input type="number" id="detailMaxPages" value="1" min="1">
</div>
</div>
<div id="detailNormalFields">
<div class="form-group">
<label>列表页URL (可选)</label>
<input type="text" id="detailUrl" placeholder="默认: https://gjzx.nanjing.gov.cn/gggs/">
</div>
<div class="form-group">
<label>采集数量</label>
<input type="number" id="detailLimit" value="5" min="1" max="50">
</div>
</div>
<button class="btn" onclick="fetchDetails()">开始采集</button>
<div id="detailLoading" class="loading">
<div class="spinner"></div>
<p>正在采集详情...</p>
</div>
<div id="detailResults" class="results"></div>
</div>
<!-- 生成报告 -->
<div id="report" class="tab-content">
<div class="form-group">
@@ -440,24 +383,20 @@
</div>
<div class="form-group">
<label>最大采集页数</label>
<input type="number" id="maxPages" value="1" min="1" >
<input type="number" id="maxPages" value="10" min="1" max="50">
</div>
</div>
<div id="normalFields">
<div class="form-group">
<label>列表页URL (可选)</label>
<input type="text" id="reportUrl" placeholder="默认: https://gjzx.nanjing.gov.cn/gggs/">
</div>
<div class="form-group">
<label>采集数量</label>
<input type="number" id="reportLimit" value="15" min="1" max="50">
<input type="number" id="reportLimit" value="50" min="1" max="200">
</div>
</div>
<div class="form-group">
<label>金额阈值 (万元)</label>
<input type="number" id="reportThreshold" value="50" min="0" step="0.1">
<label>金额阈值 (万元) - 只显示大于此金额的项目</label>
<input type="number" id="reportThreshold" value="1000" min="0" step="100">
</div>
<button class="btn" onclick="generateReport()">生成报告</button>
@@ -475,7 +414,7 @@
<!-- 定时任务 -->
<div id="scheduler" class="tab-content">
<h2 style="margin-bottom: 20px; color: #667eea;">定时任务配置</h2>
<p style="color: #666; margin-bottom: 20px;">配置定时任务自动采集本月大于指定金额的项目并发送邮件报告</p>
<p style="color: #666; margin-bottom: 20px;">配置定时任务自动采集大于指定金额的项目并发送邮件报告</p>
<!-- 任务状态 -->
<div id="schedulerStatus" style="margin-bottom: 30px; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 8px;">
@@ -506,7 +445,7 @@
<div class="form-group">
<label>执行计划</label>
<select id="schedulerCronPreset" style="width: 100%; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; font-size: 14px;" onchange="handleCronPresetChange()">
<select id="schedulerCronPreset" onchange="handleCronPresetChange()">
<option value="0 9 * * *">每天上午9点</option>
<option value="0 6 * * *">每天上午6点</option>
<option value="0 12 * * *">每天中午12点</option>
@@ -526,11 +465,11 @@
<div style="display: flex; gap: 10px; align-items: center;">
<div style="flex: 1;">
<label style="font-size: 12px; color: #666;">小时 (0-23)</label>
<input type="number" id="customHour" min="0" max="23" value="9" style="width: 100%; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; font-size: 14px;">
<input type="number" id="customHour" min="0" max="23" value="9">
</div>
<div style="flex: 1;">
<label style="font-size: 12px; color: #666;">分钟 (0-59)</label>
<input type="number" id="customMinute" min="0" max="59" value="0" style="width: 100%; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; font-size: 14px;">
<input type="number" id="customMinute" min="0" max="59" value="0">
</div>
</div>
<small style="color: #666; display: block; margin-top: 5px;">
@@ -543,7 +482,7 @@
<div class="form-group">
<label>采集时间段</label>
<select id="schedulerTimeRange" style="width: 100%; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; font-size: 14px;">
<select id="schedulerTimeRange">
<option value="today">今日</option>
<option value="thisWeek">本周</option>
<option value="thisMonth" selected>本月</option>
@@ -555,7 +494,7 @@
<div class="form-group">
<label>金额阈值 (万元)</label>
<input type="number" id="schedulerThresholdInput" value="100000" min="0" step="1000">
<input type="number" id="schedulerThresholdInput" value="10000" min="0" step="1000">
<small style="color: #666; display: block; margin-top: 5px;">
10亿 = 100000万元 | 5亿 = 50000万元 | 1亿 = 10000万元
</small>
@@ -563,7 +502,7 @@
<div class="form-group">
<label>任务描述 (可选)</label>
<input type="text" id="schedulerDescription" placeholder="例如: 每天9点采集大于10亿的项目">
<input type="text" id="schedulerDescription" placeholder="例如: 每天9点采集大于1亿的项目">
</div>
<button class="btn" onclick="saveSchedulerConfig()">保存配置</button>
@@ -575,11 +514,10 @@
<div style="margin-top: 30px; padding: 20px; background: #fff3cd; border-radius: 8px; border-left: 4px solid #ffc107;">
<h3 style="margin-top: 0; color: #856404;">使用说明</h3>
<ul style="line-height: 1.8; color: #856404;">
<li><strong>定时任务功能:</strong> 自动采集选中时间段的所有公告</li>
<li><strong>筛选条件:</strong> 只保留预算金额大于设定阈值的项目</li>
<li><strong>数据来源:</strong> 南京公共资源交易平台 - 房建市政招标公告</li>
<li><strong>采集内容:</strong> 标段编号、项目名称、标段名称、合同估算价、发布日期</li>
<li><strong>筛选条件:</strong> 只保留合同估算价大于设定阈值的项目</li>
<li><strong>邮件发送:</strong> 自动将筛选结果生成HTML报告并发送到配置的邮箱</li>
<li><strong>执行时间:</strong> 通过下拉菜单或自定义时间设置定时执行时间</li>
<li><strong>注意事项:</strong> 保存配置后会自动重启定时任务，无需重启服务器</li>
</ul>
</div>
</div>
@@ -624,112 +562,14 @@
<ul style="line-height: 1.8; color: #666;">
<li><strong>QQ邮箱:</strong> smtp.qq.com, 端口 587 或 465, 需要使用授权码</li>
<li><strong>163邮箱:</strong> smtp.163.com, 端口 465 或 25, 需要使用授权码</li>
<li><strong>Gmail:</strong> smtp.gmail.com, 端口 587 或 465, 需要开启"允许不够安全的应用"</li>
<li><strong>Gmail:</strong> smtp.gmail.com, 端口 587 或 465</li>
<li><strong>Outlook:</strong> smtp-mail.outlook.com, 端口 587</li>
<li><strong>企业邮箱:</strong> 请咨询您的IT管理员获取SMTP配置</li>
</ul>
<p style="margin: 10px 0 0 0; color: #999; font-size: 13px;">
提示: QQ和163邮箱需要在邮箱设置中开启SMTP服务并生成授权码,授权码不是邮箱密码。
</p>
</div>
</div>
<!-- AI配置 -->
<div id="llm" class="tab-content">
<h2 style="margin-bottom: 20px; color: #667eea;">AI 智能分析配置</h2>
<p style="color: #666; margin-bottom: 20px;">使用大语言模型智能提取招标金额，提高金额识别的准确性</p>
<!-- AI 状态 -->
<div id="llmStatus" style="margin-bottom: 30px; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 8px;">
<h3 style="margin-top: 0; margin-bottom: 15px;">AI 服务状态</h3>
<div style="display: flex; gap: 30px; flex-wrap: wrap;">
<div>
<div style="opacity: 0.9; font-size: 14px;">服务状态</div>
<div style="font-size: 20px; font-weight: bold; margin-top: 5px;" id="llmRunningStatus">加载中...</div>
</div>
<div>
<div style="opacity: 0.9; font-size: 14px;">当前模型</div>
<div style="font-size: 20px; font-weight: bold; margin-top: 5px;" id="llmModelName">-</div>
</div>
</div>
</div>
<!-- 配置表单 -->
<div class="form-group">
<div class="checkbox-wrapper" onclick="document.getElementById('llmEnabled').click();">
<input type="checkbox" id="llmEnabled" onclick="event.stopPropagation();">
<label for="llmEnabled">启用 AI 金额提取</label>
</div>
</div>
<div class="form-group">
<label>API Key *</label>
<input type="password" id="llmApiKey" placeholder="请输入阿里云 DashScope API Key">
<small style="color: #666; display: block; margin-top: 5px;">
<a href="https://dashscope.console.aliyun.com/apiKey" target="_blank" style="color: #667eea;">点击这里获取 API Key</a>
</small>
</div>
<div class="form-group">
<label>API 地址</label>
<input type="text" id="llmBaseUrl" value="https://dashscope.aliyuncs.com/compatible-mode/v1" placeholder="https://dashscope.aliyuncs.com/compatible-mode/v1">
</div>
<div class="form-group">
<label>模型选择</label>
<select id="llmModel" style="width: 100%; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; font-size: 14px;">
<option value="qwen-turbo">通义千问 Turbo (快速、低成本)</option>
<option value="qwen-plus">通义千问 Plus (更准确)</option>
<option value="qwen-max">通义千问 Max (最强)</option>
</select>
</div>
<button class="btn" onclick="saveLLMConfig()">保存配置</button>
<button class="btn" onclick="testLLMConnection()" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">测试连接</button>
<button class="btn" onclick="loadLLMConfig()" style="background: #6c757d;">刷新状态</button>
<div id="llmConfigStatus" style="margin-top: 20px;"></div>
<div style="margin-top: 30px; padding: 20px; background: #e8f5e9; border-radius: 8px; border-left: 4px solid #4caf50;">
<h3 style="margin-top: 0; color: #2e7d32;">功能说明</h3>
<ul style="line-height: 1.8; color: #2e7d32;">
<li><strong>智能提取:</strong> 使用大语言模型理解公告内容，准确提取预算金额</li>
<li><strong>自动降级:</strong> 当 AI 服务不可用时，自动使用正则表达式提取</li>
<li><strong>支持模型:</strong> 阿里云通义千问系列模型（qwen-turbo/plus/max）</li>
<li><strong>计费说明:</strong> 按实际调用量计费，qwen-turbo 约 0.0008元/千tokens</li>
</ul>
</div>
<div style="margin-top: 20px; padding: 20px; background: #fff3cd; border-radius: 8px; border-left: 4px solid #ffc107;">
<h3 style="margin-top: 0; color: #856404;">模型对比</h3>
<table style="width: 100%; border-collapse: collapse; margin-top: 10px;">
<tr style="border-bottom: 1px solid #ddd;">
<th style="text-align: left; padding: 8px; color: #856404;">模型</th>
<th style="text-align: left; padding: 8px; color: #856404;">速度</th>
<th style="text-align: left; padding: 8px; color: #856404;">准确度</th>
<th style="text-align: left; padding: 8px; color: #856404;">成本</th>
</tr>
<tr style="border-bottom: 1px solid #ddd;">
<td style="padding: 8px;">qwen-turbo</td>
<td style="padding: 8px;">最快</td>
<td style="padding: 8px;">良好</td>
<td style="padding: 8px;">最低</td>
</tr>
<tr style="border-bottom: 1px solid #ddd;">
<td style="padding: 8px;">qwen-plus</td>
<td style="padding: 8px;">较快</td>
<td style="padding: 8px;">优秀</td>
<td style="padding: 8px;">中等</td>
</tr>
<tr>
<td style="padding: 8px;">qwen-max</td>
<td style="padding: 8px;">较慢</td>
<td style="padding: 8px;">最佳</td>
<td style="padding: 8px;">较高</td>
</tr>
</table>
</div>
</div>
</div>
</div>