673 lines
23 KiB
JavaScript
673 lines
23 KiB
JavaScript
const API_BASE = 'http://localhost:3000/api';
|
|
let currentReport = null;
|
|
let currentListPage = 1;
|
|
|
|
function toggleDateRange() {
|
|
const useDateRange = document.getElementById('useDateRange').checked;
|
|
document.getElementById('dateRangeFields').style.display = useDateRange ? 'block' : 'none';
|
|
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 => {
|
|
content.classList.remove('active');
|
|
});
|
|
document.querySelectorAll('.tab').forEach(tab => {
|
|
tab.classList.remove('active');
|
|
});
|
|
|
|
// 显示选中的标签
|
|
document.getElementById(tabName).classList.add('active');
|
|
event.target.classList.add('active');
|
|
}
|
|
|
|
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');
|
|
const pagination = document.getElementById('listPagination');
|
|
|
|
currentListPage = page;
|
|
document.getElementById('listPage').value = page;
|
|
|
|
loading.classList.add('active');
|
|
results.innerHTML = '';
|
|
pagination.style.display = 'none';
|
|
|
|
try {
|
|
const response = await fetch(`${API_BASE}/list?url=${encodeURIComponent(url)}&page=${page}`);
|
|
const data = await response.json();
|
|
|
|
if (data.success) {
|
|
displayList(data.data, results);
|
|
updateListPagination(page, data.data.length > 0);
|
|
} else {
|
|
results.innerHTML = `<div class="error">错误: ${data.error}</div>`;
|
|
}
|
|
} catch (error) {
|
|
results.innerHTML = `<div class="error">请求失败: ${error.message}</div>`;
|
|
} finally {
|
|
loading.classList.remove('active');
|
|
}
|
|
}
|
|
|
|
function goToListPage(page) {
|
|
if (page < 1) return;
|
|
fetchList(page);
|
|
}
|
|
|
|
function updateListPagination(page, hasData) {
|
|
const pagination = document.getElementById('listPagination');
|
|
const currentPageSpan = document.getElementById('listCurrentPage');
|
|
const prevBtn = document.getElementById('listPrevPage');
|
|
const firstBtn = document.getElementById('listFirstPage');
|
|
const nextBtn = document.getElementById('listNextPage');
|
|
|
|
if (hasData) {
|
|
pagination.style.display = 'flex';
|
|
currentPageSpan.textContent = page;
|
|
|
|
prevBtn.disabled = page <= 1;
|
|
firstBtn.disabled = page <= 1;
|
|
nextBtn.disabled = !hasData;
|
|
}
|
|
}
|
|
|
|
function displayList(items, container) {
|
|
if (items.length === 0) {
|
|
container.innerHTML = '<p>没有找到公告</p>';
|
|
return;
|
|
}
|
|
|
|
const html = `
|
|
<div class="simple-list">
|
|
<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>
|
|
<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>
|
|
</div>
|
|
`).join('')}
|
|
</div>
|
|
`;
|
|
|
|
container.innerHTML = html;
|
|
}
|
|
|
|
async function generateReport() {
|
|
const useDateRange = document.getElementById('useDateRange').checked;
|
|
const threshold = parseFloat(document.getElementById('reportThreshold').value);
|
|
const loading = document.getElementById('reportLoading');
|
|
const results = document.getElementById('reportResults');
|
|
const exportBtn = document.getElementById('exportBtn');
|
|
|
|
loading.classList.add('active');
|
|
results.innerHTML = '';
|
|
exportBtn.style.display = 'none';
|
|
|
|
try {
|
|
let response;
|
|
|
|
if (useDateRange) {
|
|
// 时间范围模式
|
|
const startDate = document.getElementById('startDate').value;
|
|
const endDate = document.getElementById('endDate').value;
|
|
const maxPages = parseInt(document.getElementById('maxPages').value);
|
|
|
|
if (!startDate && !endDate) {
|
|
results.innerHTML = '<div class="error">请至少填写开始日期或结束日期</div>';
|
|
loading.classList.remove('active');
|
|
return;
|
|
}
|
|
|
|
response = await fetch(`${API_BASE}/report-daterange`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ startDate, endDate, threshold, maxPages })
|
|
});
|
|
} 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 })
|
|
});
|
|
}
|
|
|
|
const data = await response.json();
|
|
|
|
if (data.success) {
|
|
currentReport = data.data;
|
|
displayReport(data.data, results);
|
|
exportBtn.style.display = 'inline-block';
|
|
document.getElementById('sendEmailBtn').style.display = 'inline-block';
|
|
} else {
|
|
results.innerHTML = `<div class="error">错误: ${data.error}</div>`;
|
|
}
|
|
} catch (error) {
|
|
results.innerHTML = `<div class="error">请求失败: ${error.message}</div>`;
|
|
} finally {
|
|
loading.classList.remove('active');
|
|
}
|
|
}
|
|
|
|
function displayReport(report, container) {
|
|
const html = `
|
|
<div class="summary">
|
|
<h2>统计摘要</h2>
|
|
<div class="stat">
|
|
<div class="stat-label">总项目数</div>
|
|
<div class="stat-value">${report.summary.total_count}</div>
|
|
</div>
|
|
<div class="stat">
|
|
<div class="stat-label">符合条件</div>
|
|
<div class="stat-value">${report.summary.filtered_count}</div>
|
|
</div>
|
|
<div class="stat">
|
|
<div class="stat-label">总金额</div>
|
|
<div class="stat-value">${report.summary.total_amount}</div>
|
|
</div>
|
|
<div class="stat">
|
|
<div class="stat-label">阈值</div>
|
|
<div class="stat-value">${report.summary.threshold}</div>
|
|
</div>
|
|
</div>
|
|
|
|
${report.projects.length === 0 ? '<p>暂无符合条件的项目</p>' : `
|
|
<h3 style="margin-bottom: 15px;">项目列表</h3>
|
|
${report.projects.map((project, index) => `
|
|
<div class="list-item">
|
|
<h3>${index + 1}. ${project.title}</h3>
|
|
<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>
|
|
</div>
|
|
`).join('')}
|
|
`}
|
|
`;
|
|
|
|
container.innerHTML = html;
|
|
}
|
|
|
|
async function exportReport() {
|
|
if (!currentReport) return;
|
|
|
|
// 检查docx库是否加载
|
|
if (!window.docx) {
|
|
alert('Word导出库正在加载中,请稍后再试...');
|
|
return;
|
|
}
|
|
|
|
const report = currentReport;
|
|
const { Document, Packer, Paragraph, TextRun, HeadingLevel, AlignmentType } = window.docx;
|
|
|
|
// 构建文档段落
|
|
const paragraphs = [];
|
|
|
|
// 标题
|
|
paragraphs.push(
|
|
new Paragraph({
|
|
text: '南京公共工程建设项目报告',
|
|
heading: HeadingLevel.HEADING_1,
|
|
alignment: AlignmentType.CENTER,
|
|
spacing: { after: 200 }
|
|
})
|
|
);
|
|
|
|
// 生成时间
|
|
paragraphs.push(
|
|
new Paragraph({
|
|
children: [
|
|
new TextRun({
|
|
text: '生成时间: ',
|
|
bold: true
|
|
}),
|
|
new TextRun({
|
|
text: new Date(report.summary.generated_at).toLocaleString('zh-CN')
|
|
})
|
|
],
|
|
spacing: { after: 200 }
|
|
})
|
|
);
|
|
|
|
// 统计摘要标题
|
|
paragraphs.push(
|
|
new Paragraph({
|
|
text: '统计摘要',
|
|
heading: HeadingLevel.HEADING_2,
|
|
spacing: { before: 200, after: 100 }
|
|
})
|
|
);
|
|
|
|
// 统计数据
|
|
paragraphs.push(
|
|
new Paragraph({
|
|
children: [new TextRun({ text: `• 总项目数: ${report.summary.total_count}` })],
|
|
spacing: { after: 50 }
|
|
}),
|
|
new Paragraph({
|
|
children: [new TextRun({ text: `• 超过${report.summary.threshold}的项目: ${report.summary.filtered_count}` })],
|
|
spacing: { after: 50 }
|
|
}),
|
|
new Paragraph({
|
|
children: [new TextRun({ text: `• 总金额: ${report.summary.total_amount}` })],
|
|
spacing: { after: 200 }
|
|
})
|
|
);
|
|
|
|
// 项目列表标题
|
|
paragraphs.push(
|
|
new Paragraph({
|
|
text: '项目列表',
|
|
heading: HeadingLevel.HEADING_2,
|
|
spacing: { before: 200, after: 100 }
|
|
})
|
|
);
|
|
|
|
// 项目详情
|
|
if (report.projects.length === 0) {
|
|
paragraphs.push(
|
|
new Paragraph({
|
|
text: '暂无符合条件的项目。',
|
|
spacing: { after: 100 }
|
|
})
|
|
);
|
|
} else {
|
|
report.projects.forEach((project, index) => {
|
|
// 项目标题
|
|
paragraphs.push(
|
|
new Paragraph({
|
|
text: `${index + 1}. ${project.title}`,
|
|
heading: HeadingLevel.HEADING_3,
|
|
spacing: { before: 150, after: 100 }
|
|
})
|
|
);
|
|
|
|
// 项目详情
|
|
paragraphs.push(
|
|
new Paragraph({
|
|
children: [
|
|
new TextRun({ text: '发布日期: ', bold: true }),
|
|
new TextRun({ text: project.date })
|
|
],
|
|
spacing: { after: 50 }
|
|
}),
|
|
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: `${project.budget.amount}${project.budget.unit}` })
|
|
],
|
|
spacing: { after: 50 }
|
|
}),
|
|
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 })
|
|
],
|
|
spacing: { after: 100 }
|
|
})
|
|
);
|
|
});
|
|
}
|
|
|
|
// 创建文档
|
|
const doc = new Document({
|
|
sections: [{
|
|
properties: {},
|
|
children: paragraphs
|
|
}]
|
|
});
|
|
|
|
// 生成并下载Word文件
|
|
const blob = await Packer.toBlob(doc);
|
|
const url = URL.createObjectURL(blob);
|
|
const a = document.createElement('a');
|
|
a.href = url;
|
|
a.download = `report_${new Date().getTime()}.docx`;
|
|
document.body.appendChild(a);
|
|
a.click();
|
|
document.body.removeChild(a);
|
|
URL.revokeObjectURL(url);
|
|
}
|
|
|
|
// ========== 邮件功能 ==========
|
|
|
|
// 页面加载时加载邮件配置
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
loadEmailConfig();
|
|
});
|
|
|
|
// 保存邮件配置到localStorage
|
|
function saveEmailConfig() {
|
|
const config = {
|
|
smtpHost: document.getElementById('smtpHost').value,
|
|
smtpPort: parseInt(document.getElementById('smtpPort').value) || 587,
|
|
smtpUser: document.getElementById('smtpUser').value,
|
|
smtpPass: document.getElementById('smtpPass').value,
|
|
recipients: document.getElementById('recipients').value
|
|
};
|
|
|
|
// 验证配置
|
|
if (!config.smtpHost || !config.smtpUser || !config.smtpPass || !config.recipients) {
|
|
showEmailStatus('请填写所有必填项', 'error');
|
|
return;
|
|
}
|
|
|
|
// 保存到localStorage
|
|
localStorage.setItem('emailConfig', JSON.stringify(config));
|
|
showEmailStatus('邮件配置已保存', 'success');
|
|
}
|
|
|
|
// 从localStorage加载邮件配置
|
|
function loadEmailConfig() {
|
|
const configStr = localStorage.getItem('emailConfig');
|
|
if (configStr) {
|
|
try {
|
|
const config = JSON.parse(configStr);
|
|
document.getElementById('smtpHost').value = config.smtpHost || '';
|
|
document.getElementById('smtpPort').value = config.smtpPort || 587;
|
|
document.getElementById('smtpUser').value = config.smtpUser || '';
|
|
document.getElementById('smtpPass').value = config.smtpPass || '';
|
|
document.getElementById('recipients').value = config.recipients || '';
|
|
} catch (e) {
|
|
console.error('加载邮件配置失败:', e);
|
|
}
|
|
}
|
|
}
|
|
|
|
// 测试邮件配置
|
|
async function testEmailConfig() {
|
|
const config = {
|
|
smtpHost: document.getElementById('smtpHost').value,
|
|
smtpPort: parseInt(document.getElementById('smtpPort').value) || 587,
|
|
smtpUser: document.getElementById('smtpUser').value,
|
|
smtpPass: document.getElementById('smtpPass').value,
|
|
recipients: document.getElementById('recipients').value
|
|
};
|
|
|
|
// 验证配置
|
|
if (!config.smtpHost || !config.smtpUser || !config.smtpPass || !config.recipients) {
|
|
showEmailStatus('请填写所有必填项', 'error');
|
|
return;
|
|
}
|
|
|
|
// 创建测试报告
|
|
const testReport = {
|
|
summary: {
|
|
total_count: 1,
|
|
filtered_count: 1,
|
|
threshold: '50万元',
|
|
total_amount: '100.00万元',
|
|
generated_at: new Date().toISOString()
|
|
},
|
|
projects: [{
|
|
title: '这是一封测试邮件',
|
|
date: new Date().toLocaleDateString('zh-CN'),
|
|
publish_time: new Date().toLocaleString('zh-CN'),
|
|
budget: {
|
|
amount: 100,
|
|
unit: '万元',
|
|
text: '测试金额',
|
|
originalUnit: '万元'
|
|
},
|
|
url: 'https://gjzx.nanjing.gov.cn'
|
|
}]
|
|
};
|
|
|
|
showEmailStatus('正在发送测试邮件...', 'info');
|
|
|
|
try {
|
|
const response = await fetch(`${API_BASE}/send-email`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({
|
|
emailConfig: config,
|
|
report: testReport
|
|
})
|
|
});
|
|
|
|
const data = await response.json();
|
|
|
|
if (data.success) {
|
|
showEmailStatus('测试邮件发送成功!请检查收件箱', 'success');
|
|
} else {
|
|
showEmailStatus(`发送失败: ${data.error}`, 'error');
|
|
}
|
|
} catch (error) {
|
|
showEmailStatus(`请求失败: ${error.message}`, 'error');
|
|
}
|
|
}
|
|
|
|
// 发送报告到邮箱
|
|
async function sendReportByEmail() {
|
|
if (!currentReport) {
|
|
alert('请先生成报告');
|
|
return;
|
|
}
|
|
|
|
// 从localStorage加载邮件配置
|
|
const configStr = localStorage.getItem('emailConfig');
|
|
if (!configStr) {
|
|
alert('请先在"邮件配置"标签页配置邮件服务器');
|
|
return;
|
|
}
|
|
|
|
let emailConfig;
|
|
try {
|
|
emailConfig = JSON.parse(configStr);
|
|
} catch (e) {
|
|
alert('邮件配置格式错误,请重新配置');
|
|
return;
|
|
}
|
|
|
|
// 验证配置
|
|
if (!emailConfig.smtpHost || !emailConfig.smtpUser || !emailConfig.smtpPass || !emailConfig.recipients) {
|
|
alert('邮件配置不完整,请在"邮件配置"标签页检查配置');
|
|
return;
|
|
}
|
|
|
|
const sendBtn = document.getElementById('sendEmailBtn');
|
|
const originalText = sendBtn.textContent;
|
|
sendBtn.disabled = true;
|
|
sendBtn.textContent = '正在发送...';
|
|
|
|
try {
|
|
const response = await fetch(`${API_BASE}/send-email`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({
|
|
emailConfig: emailConfig,
|
|
report: currentReport
|
|
})
|
|
});
|
|
|
|
const data = await response.json();
|
|
|
|
if (data.success) {
|
|
alert('报告已成功发送到邮箱!');
|
|
} else {
|
|
alert(`发送失败: ${data.error}`);
|
|
}
|
|
} catch (error) {
|
|
alert(`请求失败: ${error.message}`);
|
|
} finally {
|
|
sendBtn.disabled = false;
|
|
sendBtn.textContent = originalText;
|
|
}
|
|
}
|
|
|
|
// 显示邮件配置状态
|
|
function showEmailStatus(message, type) {
|
|
const statusDiv = document.getElementById('emailConfigStatus');
|
|
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>
|
|
`;
|
|
|
|
// 3秒后自动隐藏成功消息
|
|
if (type === 'success') {
|
|
setTimeout(() => {
|
|
statusDiv.innerHTML = '';
|
|
}, 3000);
|
|
}
|
|
}
|