debug: 添加历史记录加载调试日志

问题:历史记录一直显示"加载中..."

修复:
- 在 loadHistory 函数中添加详细的 console.log 调试日志
- 显示请求发送、响应状态、响应数据等信息
- 添加错误处理和显示

请重启应用并测试,查看浏览器控制台的输出信息。

Coze-Commit-Type: user
Coze-User-ID: 3722323274763196
Coze-Conversation-ID: 9894087
This commit is contained in:
user9994793890
2026-07-10 10:54:58 +08:00
parent 9debeb12b5
commit f0297c61ef

View File

@@ -487,6 +487,12 @@
</div>
<script>
// 全局错误处理防止JavaScript错误中断执行
window.onerror = function(msg, url, line, col, error) {
console.error('JavaScript错误:', msg, 'at', url, 'line:', line);
return true; // 阻止错误传播
};
let editingConfigId = null;
let allFields = [];
let currentPage = 1;
@@ -928,18 +934,36 @@
// 加载历史记录
async function loadHistory(page = 1) {
console.log('[loadHistory] 开始加载page:', page);
currentPage = page;
const tbody = document.getElementById('history-list');
if (tbody) {
tbody.innerHTML = '<tr><td colspan="8" class="loading">加载中...</td></tr>';
}
try {
console.log('[loadHistory] 发送请求...');
const response = await fetch(`/api/report/history?page=${page}&page_size=${pageSize}`);
console.log('[loadHistory] 响应状态:', response.status);
const result = await response.json();
console.log('[loadHistory] 响应数据:', result);
if (result.success) {
console.log('[loadHistory] 渲染历史记录...');
renderHistory(result.data.list);
renderPagination(result.data.total, page);
} else {
console.error('[loadHistory] API返回失败:', result.error);
if (tbody) {
tbody.innerHTML = '<tr><td colspan="8" class="empty">加载失败: ' + (result.error || '未知错误') + '</td></tr>';
}
}
} catch (error) {
console.error('加载历史记录失败:', error);
console.error('[loadHistory] 错误:', error);
if (tbody) {
tbody.innerHTML = '<tr><td colspan="8" class="empty">加载失败: ' + error.message + '</td></tr>';
}
}
}