-
-
-
-
- `;
+
+
+
+
+
+ 配置格式：模型名称 -> {input: 输入倍率, output: 输出倍率}。倍率基于1百万token=$1.00计算
+
+
+
+ `;
+ }
} else {
showAlert(`加载定价配置失败: ${error.message}`, 'error');
}
@@ -2172,7 +2272,7 @@
// 显示定价配置表格
function displayPricingTable(pricing) {
- const tbody = document.getElementById('pricingTableBody');
+ const tbody = DOMUtils.getElement('pricingTableBody');
if (!tbody) return;
tbody.innerHTML = '';
@@ -2212,26 +2312,23 @@
});
}
- async function updatePricing() {
- let config;
-
- if (pricingEditMode === 'table') {
- // 表格模式
- const tbody = document.getElementById('pricingTableBody');
-
+ // 定价验证类
+ class PricingValidator {
+ static validateTableData() {
+ const tbody = DOMUtils.getElement('pricingTableBody');
if (!tbody) {
- showAlert('定价表格未找到，请刷新页面重试', 'error');
- return;
+ return { isValid: false, error: '定价表格未找到，请刷新页面重试' };
}
- config = {};
- let hasError = false;
+ const config = {};
let errorMessage = '';
// 遍历所有行收集数据
- Array.from(tbody.children).forEach((row, index) => {
+ const rows = Array.from(tbody.children);
+ for (let index = 0; index < rows.length; index++) {
+ const row = rows[index];
const inputs = row.querySelectorAll('input');
- if (inputs.length < 3) return;
+ if (inputs.length < 3) continue;
const modelName = inputs[0].value.trim();
const inputPrice = parseFloat(inputs[1].value);
@@ -2239,66 +2336,67 @@
// 验证数据
if (!modelName) {
- hasError = true;
errorMessage = `第 ${index + 1} 行：模型名称不能为空`;
- return;
+ break;
}
if (isNaN(inputPrice) || inputPrice < 0) {
- hasError = true;
errorMessage = `第 ${index + 1} 行：输入倍率必须是有效的非负数`;
- return;
+ break;
}
if (isNaN(outputPrice) || outputPrice < 0) {
- hasError = true;
errorMessage = `第 ${index + 1} 行：输出倍率必须是有效的非负数`;
- return;
+ break;
}
// 检查模型名称是否重复
if (config[modelName]) {
- hasError = true;
errorMessage = `模型名称 "${modelName}" 重复`;
- return;
+ break;
}
config[modelName] = {
input: inputPrice,
output: outputPrice
};
- });
+ }
- if (hasError) {
- showAlert(errorMessage, 'error');
- return;
+ if (errorMessage) {
+ return { isValid: false, error: errorMessage };
}
if (Object.keys(config).length === 0) {
- showAlert('请至少添加一个模型的定价配置', 'error');
+ return { isValid: false, error: '请至少添加一个模型的定价配置' };
+ }
+
+ return { isValid: true, data: config };
+ }
+ }
+
+ async function updatePricing() {
+ let config;
+
+ if (pricingEditMode === 'table') {
+ const validation = PricingValidator.validateTableData();
+ if (!validation.isValid) {
+ showAlert(validation.error, 'error');
return;
}
+ config = validation.data;
} else {
- // JSON模式
- const configText = document.getElementById('pricingConfigJson').value.trim();
-
+ const configText = DOMUtils.getValue('pricingConfigJson');
if (!configText) {
showAlert('请填写定价配置', 'error');
return;
}
-
- try {
- config = JSON.parse(configText);
- } catch (error) {
- showAlert('配置格式错误，请检查JSON格式', 'error');
- return;
- }
+ config = FormUtils.validateJSON(configText, '配置格式错误，请检查JSON格式');
+ if (!config) return;
}
try {
await apiRequest('/api/admin/pricing', 'POST', config, true, '正在更新定价配置...');
showAlert('定价配置更新成功！', 'success');
- // 更新成功后重新加载配置
loadPricing();
} catch (error) {
showAlert(`更新定价配置失败: ${error.message}`, 'error');
@@ -2307,88 +2405,96 @@
// === API TEST FUNCTIONS ===
- // 发送 API 测试请求
- async function sendApiTest() {
- const token = document.getElementById('apiTestToken').value.trim();
- const requestText = document.getElementById('apiTestRequest').value.trim();
- const responseTextarea = document.getElementById('apiTestResponse');
- const statusDiv = document.getElementById('apiTestStatus');
+ // API测试管理类
+ class ApiTestManager {
+ static async sendRequest() {
+ const token = DOMUtils.getValue('apiTestToken');
+ const requestText = DOMUtils.getValue('apiTestRequest');
+ const responseTextarea = DOMUtils.getElement('apiTestResponse');
+ const statusDiv = DOMUtils.getElement('apiTestStatus');
- if (!token) {
- showAlert('请输入 Bearer Token', 'error');
- return;
+ if (!FormUtils.validateRequired([
+ { id: 'apiTestToken', name: 'Bearer Token', message: '请输入 Bearer Token' },
+ { id: 'apiTestRequest', name: '请求 JSON', message: '请输入请求 JSON' }
+ ])) {
+ return;
+ }
+
+ const requestJson = FormUtils.validateJSON(requestText, '请求 JSON 格式错误');
+ if (!requestJson) return;
+
+ // 显示加载状态
+ if (responseTextarea) responseTextarea.value = '正在发送请求...';
+ if (statusDiv) statusDiv.style.display = 'none';
+
+ try {
+ const startTime = Date.now();
+
+ const response = await fetch('/v1/chat/completions', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Authorization': `Bearer ${token}`
+ },
+ body: JSON.stringify(requestJson)
+ });
+
+ const endTime = Date.now();
+ const duration = endTime - startTime;
+
+ this._displayTestResult(response, duration, responseTextarea, statusDiv);
+ } catch (error) {
+ this._displayTestError(error, responseTextarea, statusDiv);
+ }
}
- if (!requestText) {
- showAlert('请输入请求 JSON', 'error');
- return;
- }
-
- let requestJson;
- try {
- requestJson = JSON.parse(requestText);
- } catch (error) {
- showAlert('请求 JSON 格式错误: ' + error.message, 'error');
- return;
- }
-
- // 显示加载状态
- responseTextarea.value = '正在发送请求...';
- statusDiv.style.display = 'none';
-
- try {
- const startTime = Date.now();
-
- const response = await fetch('/v1/chat/completions', {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json',
- 'Authorization': `Bearer ${token}`
- },
- body: JSON.stringify(requestJson)
- });
-
- const endTime = Date.now();
- const duration = endTime - startTime;
-
- // 显示状态信息
- statusDiv.style.display = 'block';
+ static async _displayTestResult(response, duration, responseTextarea, statusDiv) {
+ if (statusDiv) statusDiv.style.display = 'block';
if (response.ok) {
- // 状态码正常，解析 JSON 响应
const responseData = await response.json();
- responseTextarea.value = JSON.stringify(responseData, null, 2);
+ if (responseTextarea) {
+ responseTextarea.value = JSON.stringify(responseData, null, 2);
+ }
- statusDiv.className = 'alert alert-success';
- statusDiv.innerHTML = `
-
✅ 请求成功
- 状态码: ${response.status}
- 响应时间: ${duration}ms
- `;
+ if (statusDiv) {
+ statusDiv.className = 'alert alert-success';
+ statusDiv.innerHTML = `
+
✅ 请求成功
+ 状态码: ${response.status}
+ 响应时间: ${duration}ms
+ `;
+ }
} else {
- // 状态码异常，显示纯文本错误
const errorText = await response.text();
- responseTextarea.value = errorText;
+ if (responseTextarea) responseTextarea.value = errorText;
- statusDiv.className = 'alert alert-error';
- statusDiv.innerHTML = `
-
❌ 请求失败
- 状态码: ${response.status}
- 响应时间: ${duration}ms
- `;
+ if (statusDiv) {
+ statusDiv.className = 'alert alert-error';
+ statusDiv.innerHTML = `
+
❌ 请求失败
+ 状态码: ${response.status}
+ 响应时间: ${duration}ms
+ `;
+ }
}
- } catch (error) {
- responseTextarea.value = `请求失败: ${error.message}`;
- statusDiv.style.display = 'block';
- statusDiv.className = 'alert alert-error';
- statusDiv.innerHTML = `
❌ 网络错误${error.message}`;
}
- }
- // 清空 API 测试数据
- function clearApiTest() {
- document.getElementById('apiTestToken').value = '';
- document.getElementById('apiTestRequest').value = `{
+ static _displayTestError(error, responseTextarea, statusDiv) {
+ if (responseTextarea) {
+ responseTextarea.value = `请求失败: ${error.message}`;
+ }
+
+ if (statusDiv) {
+ statusDiv.style.display = 'block';
+ statusDiv.className = 'alert alert-error';
+ statusDiv.innerHTML = `
❌ 网络错误${error.message}`;
+ }
+ }
+
+ static clear() {
+ DOMUtils.clearInput('apiTestToken');
+ DOMUtils.setValue('apiTestRequest', `{
"model": "gpt-4",
"messages": [
{
@@ -2396,18 +2502,38 @@
"content": "Hello, world!"
}
]
-}`;
- document.getElementById('apiTestResponse').value = '';
- document.getElementById('apiTestStatus').style.display = 'none';
+}`);
+ DOMUtils.clearInput('apiTestResponse');
+ const statusDiv = DOMUtils.getElement('apiTestStatus');
+ if (statusDiv) statusDiv.style.display = 'none';
+ }
+ }
+
+ // 发送 API 测试请求
+ async function sendApiTest() {
+ await ApiTestManager.sendRequest();
+ }
+
+ // 清空 API 测试数据
+ function clearApiTest() {
+ ApiTestManager.clear();
}
// === UTILITY FUNCTIONS ===
- function copyToClipboard(text) {
- navigator.clipboard.writeText(text).then(() => {
- showAlert('已复制到剪贴板', 'success', 2000);
- }).catch(() => {
- // 降级方案
+ // 剪贴板管理类
+ class ClipboardManager {
+ static async copy(text) {
+ try {
+ await navigator.clipboard.writeText(text);
+ showAlert('已复制到剪贴板', 'success', 2000);
+ } catch (error) {
+ // 降级方案
+ this._fallbackCopy(text);
+ }
+ }
+
+ static _fallbackCopy(text) {
const textArea = document.createElement('textarea');
textArea.value = text;
document.body.appendChild(textArea);
@@ -2415,25 +2541,42 @@
document.execCommand('copy');
document.body.removeChild(textArea);
showAlert('已复制到剪贴板', 'success', 2000);
- });
+ }
+ }
+
+ function copyToClipboard(text) {
+ ClipboardManager.copy(text);
+ }
+
+ // 消息提示管理类
+ class AlertManager {
+ static show(message, type, duration = 5000) {
+ // 移除现有提示
+ this._removeExistingAlerts();
+
+ const alertDiv = document.createElement('div');
+ alertDiv.className = `alert alert-${type} alert-top`;
+ alertDiv.textContent = message;
+
+ const container = document.querySelector('.container');
+ if (container) {
+ container.insertBefore(alertDiv, container.firstChild);
+ }
+
+ // 自动移除
+ setTimeout(() => {
+ alertDiv.remove();
+ }, duration);
+ }
+
+ static _removeExistingAlerts() {
+ const existingAlerts = document.querySelectorAll('.alert');
+ existingAlerts.forEach(alert => alert.remove());
+ }
}
function showAlert(message, type, duration = 5000) {
- // Remove existing alerts
- const existingAlerts = document.querySelectorAll('.alert');
- existingAlerts.forEach(alert => alert.remove());
-
- const alertDiv = document.createElement('div');
- alertDiv.className = `alert alert-${type} alert-top`;
- alertDiv.textContent = message;
-
- const container = document.querySelector('.container');
- container.insertBefore(alertDiv, container.firstChild);
-
- // Auto remove after specified duration
- setTimeout(() => {
- alertDiv.remove();
- }, duration);
+ AlertManager.show(message, type, duration);
}
// Loading 管理对象
@@ -2550,44 +2693,60 @@
LoadingManager.hide();
}
- // Initialize on page load
- document.addEventListener('DOMContentLoaded', function () {
- const savedToken = localStorage.getItem('adminToken');
- if (savedToken) {
- adminToken = savedToken;
- showMainContent();
- } else {
- // 默认显示首页（未登录状态）
- showHomePage();
+ // === 页面初始化和事件处理 ===
+
+ // 页面初始化管理类
+ class PageInitializer {
+ static init() {
+ this._initAuth();
+ this._initEventListeners();
+ this._initKeyboardShortcuts();
}
- // 为登录输入框添加回车键监听
- const tokenInput = document.getElementById('adminToken');
- if (tokenInput) {
- tokenInput.addEventListener('keypress', function (event) {
- if (event.key === 'Enter') {
- authenticate();
+ static _initAuth() {
+ if (AuthManager.restoreToken()) {
+ showMainContent();
+ } else {
+ showHomePage();
+ }
+ }
+
+ static _initEventListeners() {
+ // 为登录输入框添加回车键监听
+ const tokenInput = DOMUtils.getElement('adminToken');
+ if (tokenInput) {
+ tokenInput.addEventListener('keypress', (event) => {
+ if (event.key === 'Enter') {
+ authenticate();
+ }
+ });
+ }
+
+ // 点击模态框外部关闭
+ window.onclick = (event) => {
+ const modal = DOMUtils.getElement('loginModal');
+ if (event.target === modal) {
+ closeLoginModal();
+ }
+ };
+ }
+
+ static _initKeyboardShortcuts() {
+ // ESC键关闭模态框
+ document.addEventListener('keydown', (event) => {
+ if (event.key === 'Escape') {
+ const modal = DOMUtils.getElement('loginModal');
+ if (modal && modal.style.display === 'block') {
+ closeLoginModal();
+ }
}
});
}
- });
-
- // 点击模态框外部关闭
- window.onclick = function (event) {
- const modal = document.getElementById('loginModal');
- if (event.target == modal) {
- closeLoginModal();
- }
}
- // 添加ESC键关闭模态框
- document.addEventListener('keydown', function (event) {
- if (event.key === 'Escape') {
- const modal = document.getElementById('loginModal');
- if (modal.style.display === 'block') {
- closeLoginModal();
- }
- }
+ // Initialize on page load
+ document.addEventListener('DOMContentLoaded', () => {
+ PageInitializer.init();
});