325 lines
11 KiB
JavaScript
325 lines
11 KiB
JavaScript
let historyStartDate = '';
|
||
let historyEndDate = '';
|
||
let historyStatus = '';
|
||
let historyPageSize = 10;
|
||
|
||
// 每页显示条数变化
|
||
function onHistoryPageSizeChange() {
|
||
historyPageSize = parseInt(document.getElementById('history-page-size').value) || 10;
|
||
loadHistoryWithDate(1);
|
||
}
|
||
|
||
// 状态筛选变化
|
||
function onHistoryStatusChange() {
|
||
historyStatus = document.getElementById('history-status-filter').value;
|
||
loadHistoryWithDate(1);
|
||
}
|
||
|
||
// 批量下载历史记录
|
||
async function batchDownloadHistory() {
|
||
const checkboxes = document.querySelectorAll('.history-checkbox:checked');
|
||
if (checkboxes.length === 0) {
|
||
alert('请至少选择一条记录');
|
||
return;
|
||
}
|
||
|
||
const ids = Array.from(checkboxes).map(cb => parseInt(cb.value));
|
||
|
||
// 逐个下载
|
||
ids.forEach(id => {
|
||
window.open(`/api/download?id=${id}`, '_blank');
|
||
});
|
||
}
|
||
|
||
// 按日期查询
|
||
function queryHistoryByDate() {
|
||
const startDate = document.getElementById('history-start-date').value;
|
||
const endDate = document.getElementById('history-end-date').value;
|
||
historyStartDate = startDate;
|
||
historyEndDate = endDate;
|
||
loadHistoryWithDate(1);
|
||
}
|
||
|
||
// 清除筛选
|
||
function clearHistoryFilter() {
|
||
document.getElementById('history-status-filter').value = '';
|
||
document.getElementById('history-start-date').value = '';
|
||
document.getElementById('history-end-date').value = '';
|
||
historyStatus = '';
|
||
historyStartDate = '';
|
||
historyEndDate = '';
|
||
loadHistory(1);
|
||
}
|
||
|
||
// 带日期参数加载历史记录
|
||
// 渲染历史记录列表
|
||
function renderHistory(list) {
|
||
const tbody = document.getElementById('history-list');
|
||
if (!list || list.length === 0) {
|
||
tbody.innerHTML = '<tr><td colspan="9" class="empty">暂无历史记录</td></tr>';
|
||
return;
|
||
}
|
||
|
||
// 解析日期字符串（支持多种格式）
|
||
const parseDate = (dateStr) => {
|
||
if (!dateStr) return null;
|
||
|
||
// 尝试匹配 "2026-07-12" 格式
|
||
let match = dateStr.match(/(\d{4})-(\d{1,2})-(\d{1,2})/);
|
||
if (match) {
|
||
return {
|
||
year: parseInt(match[1]),
|
||
month: parseInt(match[2]),
|
||
day: parseInt(match[3])
|
||
};
|
||
}
|
||
|
||
// 尝试匹配 "Sun, 12 Jul 2026 00:00:00 GMT" 格式
|
||
match = dateStr.match(/(\d{1,2})\s+(\w+)\s+(\d{4})/);
|
||
if (match) {
|
||
const months = {
|
||
'Jan': 1, 'Feb': 2, 'Mar': 3, 'Apr': 4, 'May': 5, 'Jun': 6,
|
||
'Jul': 7, 'Aug': 8, 'Sep': 9, 'Oct': 10, 'Nov': 11, 'Dec': 12
|
||
};
|
||
return {
|
||
year: parseInt(match[3]),
|
||
month: months[match[2]] || 1,
|
||
day: parseInt(match[1])
|
||
};
|
||
}
|
||
|
||
return null;
|
||
};
|
||
|
||
// 解析时间字符串（支持多种格式）
|
||
const parseTime = (timeStr) => {
|
||
if (!timeStr) return null;
|
||
|
||
// 尝试匹配 "2026-07-12 08:00:00" 格式
|
||
let match = timeStr.match(/(\d{4})-(\d{1,2})-(\d{1,2})\s+(\d{1,2}):(\d{1,2}):(\d{1,2})/);
|
||
if (match) {
|
||
return {
|
||
year: match[1],
|
||
month: match[2].padStart(2, '0'),
|
||
day: match[3].padStart(2, '0'),
|
||
hour: match[4].padStart(2, '0'),
|
||
minute: match[5].padStart(2, '0'),
|
||
second: match[6].padStart(2, '0')
|
||
};
|
||
}
|
||
|
||
// 尝试匹配 "Sun, 12 Jul 2026 08:00:00 GMT" 格式
|
||
match = timeStr.match(/(\d{1,2})\s+(\w+)\s+(\d{4})\s+(\d{1,2}):(\d{1,2}):(\d{1,2})/);
|
||
if (match) {
|
||
const months = {
|
||
'Jan': '01', 'Feb': '02', 'Mar': '03', 'Apr': '04', 'May': '05', 'Jun': '06',
|
||
'Jul': '07', 'Aug': '08', 'Sep': '09', 'Oct': '10', 'Nov': '11', 'Dec': '12'
|
||
};
|
||
return {
|
||
year: match[3],
|
||
month: months[match[2]] || '01',
|
||
day: match[1].padStart(2, '0'),
|
||
hour: match[4].padStart(2, '0'),
|
||
minute: match[5].padStart(2, '0'),
|
||
second: match[6].padStart(2, '0')
|
||
};
|
||
}
|
||
|
||
return null;
|
||
};
|
||
|
||
tbody.innerHTML = list.map(item => {
|
||
const statusText = item.status === 1 ? '成功' : '失败';
|
||
const statusClass = item.status === 1 ? 'status-success' : 'status-failed';
|
||
|
||
// 格式化报表日期为中文
|
||
let reportDate = '-';
|
||
const dateObj = parseDate(item.report_date);
|
||
if (dateObj) {
|
||
reportDate = `${dateObj.year}年${dateObj.month}月${dateObj.day}日`;
|
||
} else if (item.report_date) {
|
||
reportDate = item.report_date;
|
||
}
|
||
|
||
// 格式化时间范围
|
||
let timeRange = '-';
|
||
const startObj = parseTime(item.start_time);
|
||
const endObj = parseTime(item.end_time);
|
||
if (startObj && endObj) {
|
||
const formatTimeObj = (obj) => `${obj.year}-${obj.month}-${obj.day} ${obj.hour}:${obj.minute}:${obj.second}`;
|
||
timeRange = `${formatTimeObj(startObj)} 至 ${formatTimeObj(endObj)}`;
|
||
} else if (item.start_time && item.end_time) {
|
||
timeRange = `${item.start_time} 至 ${item.end_time}`;
|
||
}
|
||
|
||
const configName = item.config_name || '-';
|
||
const splitValue = item.split_name || '-';
|
||
const totalOrders = item.total_orders || 0;
|
||
const totalAmount = item.total_amount ? parseFloat(item.total_amount).toFixed(2) : '0.00';
|
||
|
||
return `
|
||
<tr>
|
||
<td><input type="checkbox" class="history-checkbox" value="${item.id}"></td>
|
||
<td>${reportDate}</td>
|
||
<td>${timeRange}</td>
|
||
<td>${configName}</td>
|
||
<td>${splitValue}</td>
|
||
<td>${totalOrders}</td>
|
||
<td>¥${totalAmount}</td>
|
||
<td><span class="${statusClass}">${statusText}</span></td>
|
||
<td>
|
||
${item.status === 1 && item.file_path ?
|
||
`<a href="/api/download?path=${encodeURIComponent(item.file_path)}" class="btn btn-sm btn-success">下载</a>` :
|
||
'-'}
|
||
<button class="btn btn-sm btn-danger" onclick="deleteHistory(${item.id})">删除</button>
|
||
</td>
|
||
</tr>
|
||
`;
|
||
}).join('');
|
||
}
|
||
|
||
// 渲染分页控件
|
||
function renderPagination(page, total, pageSize) {
|
||
const container = document.getElementById('history-pagination');
|
||
if (!container) return;
|
||
|
||
const totalPages = Math.ceil(total / pageSize);
|
||
if (totalPages <= 1) {
|
||
container.innerHTML = '';
|
||
return;
|
||
}
|
||
|
||
let html = '<div class="pagination">';
|
||
|
||
// 上一页
|
||
if (page > 1) {
|
||
html += `<button onclick="loadHistoryWithDate(${page - 1})">上一页</button>`;
|
||
}
|
||
|
||
// 页码（最多显示7个页码）
|
||
let startPage = Math.max(1, page - 3);
|
||
let endPage = Math.min(totalPages, startPage + 6);
|
||
if (endPage - startPage < 6) {
|
||
startPage = Math.max(1, endPage - 6);
|
||
}
|
||
|
||
if (startPage > 1) {
|
||
html += `<button onclick="loadHistoryWithDate(1)">1</button>`;
|
||
if (startPage > 2) {
|
||
html += `<span style="padding: 0 5px;">...</span>`;
|
||
}
|
||
}
|
||
|
||
for (let i = startPage; i <= endPage; i++) {
|
||
if (i === page) {
|
||
html += `<button class="active">${i}</button>`;
|
||
} else {
|
||
html += `<button onclick="loadHistoryWithDate(${i})">${i}</button>`;
|
||
}
|
||
}
|
||
|
||
if (endPage < totalPages) {
|
||
if (endPage < totalPages - 1) {
|
||
html += `<span style="padding: 0 5px;">...</span>`;
|
||
}
|
||
html += `<button onclick="loadHistoryWithDate(${totalPages})">${totalPages}</button>`;
|
||
}
|
||
|
||
// 下一页
|
||
if (page < totalPages) {
|
||
html += `<button onclick="loadHistoryWithDate(${page + 1})">下一页</button>`;
|
||
}
|
||
|
||
html += '</div>';
|
||
container.innerHTML = html;
|
||
}
|
||
|
||
// 加载历史记录（无日期筛选）
|
||
async function loadHistory(page = 1) {
|
||
loadHistoryWithDate(page);
|
||
}
|
||
|
||
async function loadHistoryWithDate(page) {
|
||
try {
|
||
let url = `/api/report/history?page=${page}&page_size=${historyPageSize}`;
|
||
if (historyStatus) url += `&status=${historyStatus}`;
|
||
if (historyStartDate) url += `&start_date=${historyStartDate}`;
|
||
if (historyEndDate) url += `&end_date=${historyEndDate}`;
|
||
const response = await fetch(url);
|
||
const result = await response.json();
|
||
if (result.success) {
|
||
renderHistory(result.data.list);
|
||
renderPagination(result.data.page, result.data.total, result.data.page_size);
|
||
} else {
|
||
alert('加载失败: ' + (result.error || result.message || '未知错误'));
|
||
}
|
||
} catch (error) {
|
||
alert('加载失败: ' + error.message);
|
||
}
|
||
}
|
||
|
||
// 全选/取消全选历史记录
|
||
function toggleSelectAllHistory() {
|
||
const selectAllCheckbox = document.getElementById('select-all-history');
|
||
const checkboxes = document.querySelectorAll('#history-list input[type="checkbox"]');
|
||
checkboxes.forEach(cb => {
|
||
cb.checked = selectAllCheckbox.checked;
|
||
});
|
||
}
|
||
|
||
// 删除单条历史记录
|
||
async function deleteHistory(id) {
|
||
if (!confirm('确定要删除这条历史记录吗？对应的报表文件也会被删除。')) {
|
||
return;
|
||
}
|
||
|
||
try {
|
||
const response = await fetch('/api/report/history/batch-delete', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({ ids: [id] })
|
||
});
|
||
const result = await response.json();
|
||
if (result.success) {
|
||
alert('删除成功');
|
||
loadHistoryWithDate();
|
||
} else {
|
||
alert('删除失败: ' + result.message);
|
||
}
|
||
} catch (error) {
|
||
alert('删除失败: ' + error.message);
|
||
}
|
||
}
|
||
|
||
// 批量删除历史记录
|
||
async function batchDeleteHistory() {
|
||
const checkboxes = document.querySelectorAll('.history-checkbox:checked');
|
||
if (checkboxes.length === 0) {
|
||
alert('请至少选择一条记录');
|
||
return;
|
||
}
|
||
|
||
if (!confirm(`确定要删除选中的 ${checkboxes.length} 条历史记录吗？对应的报表文件也会被删除。`)) {
|
||
return;
|
||
}
|
||
|
||
const ids = Array.from(checkboxes).map(cb => parseInt(cb.value));
|
||
|
||
try {
|
||
const response = await fetch('/api/report/history/batch-delete', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({ ids: ids })
|
||
});
|
||
const result = await response.json();
|
||
if (result.success) {
|
||
alert(result.message);
|
||
loadHistoryWithDate();
|
||
} else {
|
||
alert('删除失败: ' + result.message);
|
||
}
|
||
} catch (error) {
|
||
alert('删除失败: ' + error.message);
|
||
}
|
||
}
|