From f077f7de739bc9d63218aaa94f2956a7879ee500 Mon Sep 17 00:00:00 2001 From: wood chen Date: Sat, 8 Feb 2025 02:09:48 +0800 Subject: [PATCH] Refactor frontend template string usage and improve toast notification handling --- main.ts | 24 ++++++++++++++---------- 1 file changed, 14 insertions(+), 10 deletions(-) diff --git a/main.ts b/main.ts index e8f1cbb..6c796e8 100644 --- a/main.ts +++ b/main.ts @@ -476,10 +476,9 @@ const html = ` const submitTab = document.querySelector('a[href="#submit"]'); if (currentUser) { - loginStatus.innerHTML = ` - 欢迎, ${currentUser} - - `; + loginStatus.innerHTML = + '欢迎, ' + currentUser + '' + + ''; submitTab.style.display = 'block'; // 重新加载价格数据以更新操作列 loadPrices(); @@ -532,7 +531,8 @@ const html = ` thead.innerHTML = columns .filter(col => col.always || (currentUser === 'wood')) - .map(col => `${col.title}`).join(''); + .map(col => '' + col.title + '') + .join(''); } // 修改加载价格数据函数 @@ -578,7 +578,7 @@ const html = ` const billingTypeCell = document.createElement('td'); const billingTypeBadge = document.createElement('span'); - billingTypeBadge.className = `badge badge-${safePrice.billing_type}`; + billingTypeBadge.className = 'badge badge-' + safePrice.billing_type; billingTypeBadge.textContent = safePrice.billing_type === 'tokens' ? '按量计费' : '按次计费'; billingTypeCell.appendChild(billingTypeBadge); @@ -620,7 +620,7 @@ const html = ` const statusCell = document.createElement('td'); const statusBadge = document.createElement('span'); - statusBadge.className = `badge badge-${safePrice.status}`; + statusBadge.className = 'badge badge-' + safePrice.status; statusBadge.textContent = getStatusText(safePrice.status); statusCell.appendChild(statusBadge); @@ -725,11 +725,15 @@ const html = ` loadPrices(); } - // 添加 Toast 提示函数 + // 修改 Toast 提示函数 function showToast(message, type = 'success') { const toast = document.querySelector('.toast'); - toast.className = `toast align-items-center text-white bg-${type} border-0`; - toast.querySelector('.toast-body').textContent = message; + if (!toast) return; + toast.className = 'toast align-items-center text-white bg-' + type + ' border-0'; + const toastBody = toast.querySelector('.toast-body'); + if (toastBody) { + toastBody.textContent = message; + } const bsToast = new bootstrap.Toast(toast); bsToast.show(); }