${escapeHtml(formatText(event.phone_number))}
${escapeHtml(deliveryModeLabel)}
${escapeHtml(getResultLabel(normalizedResult))}
时间：${escapeHtml(formatText(event.created_at))} · 来源：${escapeHtml(formatText(event.received_at))}
${escapeHtml(formatText(event.content))}
通知数：${escapeHtml(formatText(event.notification_count, '0'))} · 通道：${escapeHtml(channels)}
${errorCategory ? `错误分类${escapeHtml(errorCategory)}
` : ''}
${escapeHtml(formatText(event.detail, '无补充说明'))}
`;
})
.join('');
}
async function loadStatus() {
const status = await fetchJson('/api/system/status');
renderJson(statusView, status);
}
async function loadSettings() {
const settings = await fetchJson('/api/settings');
settingsEditor.value = JSON.stringify(settings, null, 2);
}
async function loadDashboard() {
const payload = await fetchJson('/api/dashboard');
renderDashboard(payload);
renderEvents(payload.latest_events || []);
}
async function loadEvents() {
const payload = await fetchJson('/api/events');
renderEvents(payload.events || []);
}
function bindEventFilters() {
eventSearchInput?.addEventListener('input', () => renderEvents(latestEvents));
eventResultFilter?.addEventListener('change', () => renderEvents(latestEvents));
}
async function refreshAll() {
await Promise.all([loadDashboard(), loadStatus(), loadSettings()]);
}
async function saveSettings() {
const parsed = JSON.parse(settingsEditor.value || '{}');
const payload = await fetchJson('/api/settings', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(parsed),
});
renderResult(
{
操作: '保存配置',
状态: '成功',
说明: '配置已通过校验并写入当前运行实例。',
},
{ title: '配置保存成功' }
);
await refreshAll();
}
async function sendSms(event) {
event.preventDefault();
const formData = new FormData(smsForm);
const deliveryMode = formData.get('delivery_mode') || 'dispatch';
const delivery_mode_label = getDeliveryModeLabel(deliveryMode);
try {
const payload = await fetchJson('/api/sms/send', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
phone_number: formData.get('phone_number'),
content: formData.get('content'),
delivery_mode: deliveryMode === 'real_sms' ? 'real_sms' : 'dispatch',
}),
});
renderResult(
{
操作: '发送测试短信',
状态: '成功',
delivery_mode_label,
手机号: payload.phone_number,
来源: payload.received_at,
MessagePath: payload.message_path,
ModemPath: payload.modem_path,
},
{ title: `${delivery_mode_label}发送成功` }
);
await Promise.all([loadDashboard(), loadEvents(), loadStatus()]);
} catch (error) {
renderResult(
{
操作: '发送测试短信',
状态: '发送失败',
delivery_mode_label,
错误分类: error.payload?.error_category || error.payload?.error || 'unknown',
失败原因: error.payload?.detail || error.message,
HTTP状态: error.status || '-',
},
{ status: 'failed', title: `${delivery_mode_label}发送失败` }
);
await Promise.all([loadDashboard(), loadEvents(), loadStatus()]);
}
}
async function boot() {
try {
updateModeHint();
bindEventFilters();
await refreshAll();
} catch (error) {
resultView.textContent = error.message;
}
}
refreshDashboardButton.addEventListener('click', async () => {
try {
await loadDashboard();
} catch (error) {
resultView.textContent = error.message;
}
});
refreshStatusButton.addEventListener('click', async () => {
try {
await loadStatus();
} catch (error) {
resultView.textContent = error.message;
}
});
refreshEventsButton.addEventListener('click', async () => {
try {
await loadEvents();
} catch (error) {
resultView.textContent = error.message;
}
});
reloadSettingsButton.addEventListener('click', async () => {
try {
await loadSettings();
renderResult(
{
操作: '重载配置',
状态: '成功',
说明: '编辑器已同步当前运行配置。',
},
{ title: '配置已重载' }
);
} catch (error) {
resultView.textContent = error.message;
}
});
saveSettingsButton.addEventListener('click', async () => {
try {
await saveSettings();
} catch (error) {
resultView.textContent = error.message;
}
});
if (deliveryModeSelect) {
deliveryModeSelect.addEventListener('change', updateModeHint);
}
smsForm.addEventListener('submit', async (event) => {
try {
await sendSms(event);
} catch (error) {
resultView.textContent = error.message;
}
});
boot();