+
+
+
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+ + 💡 要使用管理功能，请先进行身份验证 +
+
+
+
+
+
+
+ 🚀 欢迎使用 AWSL One API
+
+
+ + AWSL One API 是一个强大的 API 代理和管理平台，为您提供统一的 AI 模型接口管理服务。 +
+ +
+
+
+
+
+ 🔗 频道管理
+配置和管理 AI 服务提供商的 API 端点，支持 Azure + OpenAI 等多种平台。
+
+
+ 🔑 令牌管理
+生成和管理 API 访问令牌，控制用户访问权限和使用配额。
+
+
+ 💰 定价管理
+灵活配置不同 AI 模型的计费策略，精确控制使用成本。
+
+
+ 🧪 API 测试
+内置 API 测试工具，快速验证配置和调试接口问题。
+
+
+ ⚡ 快速开始
+-
+
- 首先初始化数据库以设置必要的数据表结构 +
- 在频道管理中添加您的 AI 服务提供商配置 +
- 创建访问令牌并设置适当的权限和配额 +
- 配置模型定价策略以控制使用成本 +
- 使用 API 测试工具验证配置是否正常工作 +
+
+
@@ -497,7 +811,7 @@
@@ -510,18 +824,73 @@
-
- 数据库初始化
+📊 数据库管理
点击下面的按钮来初始化数据库表结构。
-+
点击下面的按钮来初始化数据库表结构。如果这是首次使用，请先进行数据库初始化。
频道列表
-
+
添加频道
+
-
+
-
-
+
+
+
@@ -536,7 +905,7 @@
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 配置模型名称到部署名称的映射关系
+
+
+
+
+ 其他自定义配置参数
+
-
-
+
+
+
令牌列表
-
+
添加令牌
+
-
+
-
-
-
-
-
-
-
-
-
-
+
+
+
@@ -615,24 +1005,59 @@
+
-
+
+
+
+
+
+
-
+
+
+
+
+
-
-
- 例如: azure-openai-1, azure-openai-2
- (留空表示允许访问所有频道)
-
-
-
-
-
- 快速选择:
-
+
+
+
-
-
-
-
-
-
+
+
+
+ 例如: azure-openai-1, azure-openai-2
+ (留空表示允许访问所有频道)
+
+
+
+
+
+
+ 快速选择:
+
+ 设置令牌的总使用配额
+ (基础单位：1百万token =
+ $1.00，例如：输入1000000表示1美元的配额)
+
+
+
+
+
+
+
+ 定价配置
+
+
-
+
💡 定价说明
- • 基础配额单位：1百万token = $1.00
- • 定价配置为不同模型相对于基础单位的倍率
- • 例如：gpt-4的input倍率为30，表示1百万token消耗30美元配额
+ 基础配额单位：1百万token = $1.00 | 定价配置为不同模型相对于基础单位的倍率 |
+ 例如：gpt-4的input倍率为30，表示1百万token消耗30美元配额
-
@@ -645,7 +1070,7 @@
-
-
+
+
+
+
+
+
+
+
+
| + 模型名称 | ++ 输入倍率 | ++ 输出倍率 | ++ 操作 | +
|---|
API 测试
-
+
@@ -693,6 +1118,72 @@
// === 认证相关函数 ===
+ // 显示登录模态框
+ function showLoginModal() {
+ document.getElementById('loginModal').style.display = 'block';
+ // 清空输入框
+ document.getElementById('modalAdminToken').value = '';
+ // 聚焦到输入框
+ setTimeout(() => {
+ document.getElementById('modalAdminToken').focus();
+ }, 100);
+ }
+
+ // 关闭登录模态框
+ function closeLoginModal() {
+ document.getElementById('loginModal').style.display = 'none';
+ }
+
+ // 处理模态框登录表单提交
+ function handleModalLogin(event) {
+ event.preventDefault();
+ authenticateFromModal();
+ }
+
+ // 模态框身份验证
+ function authenticateFromModal() {
+ const token = document.getElementById('modalAdminToken').value;
+ if (!token) {
+ showAlert('请输入管理员令牌', 'error');
+ return;
+ }
+
+ adminToken = token;
+ localStorage.setItem('adminToken', token);
+ closeLoginModal();
+ showMainContent();
+ showAlert('登录成功！', 'success');
+ }
+
+ // 显示登录页面 (保留兼容性)
+ function showLoginPage() {
+ showLoginModal();
+ }
+
+ // 显示主页面（未登录状态）
+ function showHomePage() {
+ document.getElementById('authSection').style.display = 'none';
+ document.getElementById('mainContent').style.display = 'block';
+ document.getElementById('logoutSection').style.display = 'none';
+ document.getElementById('mainHeader').classList.add('compact');
+
+ // 显示登录提示
+ document.getElementById('loginPrompt').style.display = 'block';
+
+ // 隐藏管理员专用的tabs
+ const adminTabs = document.querySelectorAll('.admin-only');
+ adminTabs.forEach(tab => tab.style.display = 'none');
+
+ // 确保首页tab是激活状态，先隐藏所有tab内容
+ const allTabs = document.querySelectorAll('.tab-content');
+ allTabs.forEach(tab => tab.classList.remove('active'));
+ const allTabButtons = document.querySelectorAll('.tab');
+ allTabButtons.forEach(btn => btn.classList.remove('active'));
+
+ // 激活首页tab
+ document.getElementById('home').classList.add('active');
+ document.querySelector('.tab[onclick="switchTab(\'home\')"]').classList.add('active');
+ }
// 处理登录表单提交（支持回车键）
function handleLogin(event) {
@@ -713,28 +1204,56 @@
showMainContent();
}
- // 显示主内容区域
+ // 显示主内容区域（已登录状态）
function showMainContent() {
document.getElementById('authSection').style.display = 'none';
document.getElementById('mainContent').style.display = 'block';
document.getElementById('logoutSection').style.display = 'block';
document.getElementById('mainHeader').classList.add('compact');
+
+ // 隐藏登录提示
+ document.getElementById('loginPrompt').style.display = 'none';
+
+ // 显示管理员专用的tabs
+ const adminTabs = document.querySelectorAll('.admin-only');
+ adminTabs.forEach(tab => tab.style.display = 'block');
+
+ // 确保首页tab是激活状态，先隐藏所有tab内容
+ const allTabs = document.querySelectorAll('.tab-content');
+ allTabs.forEach(tab => tab.classList.remove('active'));
+ const allTabButtons = document.querySelectorAll('.tab');
+ allTabButtons.forEach(btn => btn.classList.remove('active'));
+
+ // 激活首页tab
+ document.getElementById('home').classList.add('active');
+ document.querySelector('.tab[onclick="switchTab(\'home\')"]').classList.add('active');
+ }
+
+ // 确认退出登录
+ function confirmLogout() {
+ if (confirm('确定要退出登录吗？\n\n退出后您需要重新输入管理员令牌才能使用管理功能。')) {
+ logout();
+ }
}
// 退出登录
function logout() {
localStorage.removeItem('adminToken');
adminToken = '';
- document.getElementById('authSection').style.display = 'block';
- document.getElementById('mainContent').style.display = 'none';
- document.getElementById('logoutSection').style.display = 'none';
- document.getElementById('mainHeader').classList.remove('compact');
+ showHomePage();
document.getElementById('adminToken').value = '';
showAlert('已退出登录', 'success');
}
// Tab switching
function switchTab(tabName) {
+ // 检查是否为管理员专用tab且用户未登录
+ const adminOnlyTabs = ['database', 'channels', 'tokens', 'pricing', 'api-test'];
+ if (adminOnlyTabs.includes(tabName) && !adminToken) {
+ showAlert('请先登录后再访问管理功能', 'error');
+ return;
+ }
+
// 隐藏所有表单视图，显示列表视图
if (tabName === 'channels') {
showChannelList();
@@ -750,8 +1269,16 @@
tabButtons.forEach(btn => btn.classList.remove('active'));
// Show selected tab
- document.getElementById(tabName).classList.add('active');
- event.target.classList.add('active');
+ const targetTab = document.getElementById(tabName);
+ if (targetTab) {
+ targetTab.classList.add('active');
+ }
+
+ // 找到对应的tab按钮并激活
+ const targetTabButton = document.querySelector(`.tab[onclick="switchTab('${tabName}')"]`);
+ if (targetTabButton) {
+ targetTabButton.classList.add('active');
+ }
// 切换tab时重新获取数据
switch (tabName) {
@@ -770,13 +1297,16 @@
case 'database':
// 数据库页面不需要加载数据
break;
+ case 'home':
+ // 首页不需要加载数据
+ break;
}
}
// === API请求工具函数 ===
// API request helper
- async function apiRequest(url, method = 'GET', body = null) {
+ async function apiRequest(url, method = 'GET', body = null, showGlobalLoading = true, loadingMessage = '正在处理请求...') {
const options = {
method,
headers: {
@@ -789,6 +1319,11 @@
options.body = JSON.stringify(body);
}
+ // 显示全局 loading
+ if (showGlobalLoading) {
+ showLoading(loadingMessage);
+ }
+
try {
const response = await fetch(url, options);
if (!response.ok) {
@@ -797,7 +1332,6 @@
}
const result = await response.json();
- console.log(`API ${method} ${url} 响应:`, result);
// 处理 CommonResponse 格式
if (result.success === false) {
@@ -806,29 +1340,166 @@
// 返回实际数据，如果有 data 字段则返回 data，否则返回整个结果
const finalData = result.data !== undefined ? result.data : result;
- console.log(`API ${method} ${url} 最终数据:`, finalData);
return finalData;
} catch (error) {
console.error('API Error:', error);
throw error;
+ } finally {
+ // 无论成功还是失败都隐藏 loading
+ if (showGlobalLoading) {
+ hideLoading();
+ }
}
}
// Database functions
async function initializeDatabase() {
try {
- showLoading('正在初始化数据库...');
- await apiRequest('/api/admin/db_initialize', 'POST');
+ await apiRequest('/api/admin/db_initialize', 'POST', null, true, '正在初始化数据库...');
showAlert('数据库初始化成功！', 'success');
} catch (error) {
showAlert(`数据库初始化失败: ${error.message}`, 'error');
- } finally {
- hideLoading();
}
}
// === CHANNEL FUNCTIONS ===
+ // 全局变量跟踪编辑模式
+ let channelEditMode = 'form'; // 'form' 或 'json'
+ let tokenEditMode = 'form'; // 'form' 或 'json'
+ let pricingEditMode = 'table'; // 'table' 或 'json'
+
+ // 切换频道编辑模式
+ function toggleChannelEditMode() {
+ const formMode = document.getElementById('channelFormMode');
+ const jsonMode = document.getElementById('channelJsonMode');
+ const toggleBtn = document.getElementById('channelModeToggle');
+
+ if (channelEditMode === 'form') {
+ // 切换到JSON模式
+ // 先从表单收集数据转换为JSON
+ const formData = collectChannelFormData();
+ if (formData) {
+ const key = document.getElementById('channelKey').value;
+ document.getElementById('channelKeyJson').value = key;
+ document.getElementById('channelValueJson').value = JSON.stringify(formData, null, 2);
+ }
+
+ formMode.style.display = 'none';
+ jsonMode.style.display = 'block';
+ toggleBtn.textContent = '📋 切换到表单模式';
+ channelEditMode = 'json';
+ } else {
+ // 切换到表单模式
+ // 先从JSON收集数据填充到表单
+ try {
+ const key = document.getElementById('channelKeyJson').value;
+ const jsonValue = document.getElementById('channelValueJson').value;
+ if (jsonValue) {
+ const parsed = JSON.parse(jsonValue);
+ fillChannelForm(key, parsed);
+ }
+ } catch (error) {
+ console.warn('JSON格式错误，无法转换到表单模式:', error);
+ }
+
+ formMode.style.display = 'block';
+ jsonMode.style.display = 'none';
+ toggleBtn.textContent = '📝 切换到JSON模式';
+ channelEditMode = 'form';
+ }
+ }
+
+ // 收集频道表单数据
+ function collectChannelFormData() {
+ const name = document.getElementById('channelName').value.trim();
+ const type = document.getElementById('channelType').value.trim();
+ const endpoint = document.getElementById('channelEndpoint').value.trim();
+ const apiKey = document.getElementById('channelApiKey').value.trim();
+ const apiVersion = document.getElementById('channelApiVersion').value.trim();
+ const deploymentMapperText = document.getElementById('deploymentMapper').value.trim();
+ const additionalConfigText = document.getElementById('additionalConfig').value.trim();
+
+ if (!name || !endpoint || !apiKey) {
+ return null;
+ }
+
+ const config = {
+ name: name,
+ type: type,
+ endpoint: endpoint,
+ api_key: apiKey
+ };
+
+ if (apiVersion) {
+ config.api_version = apiVersion;
+ }
+
+ if (deploymentMapperText) {
+ try {
+ config.deployment_mapper = JSON.parse(deploymentMapperText);
+ } catch (error) {
+ console.warn('部署映射JSON格式错误:', error);
+ }
+ }
+
+ if (additionalConfigText) {
+ try {
+ const additionalConfig = JSON.parse(additionalConfigText);
+ Object.assign(config, additionalConfig);
+ } catch (error) {
+ console.warn('其他配置JSON格式错误:', error);
+ }
+ }
+
+ return config;
+ }
+
+ // 填充频道表单
+ function fillChannelForm(key, config) {
+ document.getElementById('channelKey').value = key;
+ document.getElementById('channelName').value = config.name || '';
+ document.getElementById('channelType').value = config.type || '';
+ document.getElementById('channelEndpoint').value = config.endpoint || '';
+ document.getElementById('channelApiKey').value = config.api_key || '';
+ document.getElementById('channelApiVersion').value = config.api_version || '';
+
+ if (config.deployment_mapper) {
+ document.getElementById('deploymentMapper').value = JSON.stringify(config.deployment_mapper, null, 2);
+ } else {
+ document.getElementById('deploymentMapper').value = '';
+ }
+
+ // 处理其他配置
+ const additionalConfig = { ...config };
+ delete additionalConfig.name;
+ delete additionalConfig.type;
+ delete additionalConfig.endpoint;
+ delete additionalConfig.api_key;
+ delete additionalConfig.api_version;
+ delete additionalConfig.deployment_mapper;
+
+ if (Object.keys(additionalConfig).length > 0) {
+ document.getElementById('additionalConfig').value = JSON.stringify(additionalConfig, null, 2);
+ } else {
+ document.getElementById('additionalConfig').value = '';
+ }
+ }
+
+ // 切换API版本字段的显示状态
+ function toggleApiVersionField() {
+ const channelType = document.getElementById('channelType').value;
+ const apiVersionGroup = document.getElementById('apiVersionGroup');
+
+ if (channelType === 'azure-openai') {
+ apiVersionGroup.style.display = 'block';
+ } else {
+ apiVersionGroup.style.display = 'none';
+ // 隐藏时清空API版本字段
+ document.getElementById('channelApiVersion').value = '';
+ }
+ }
+
// 显示频道列表
function showChannelList() {
document.getElementById('channelListView').style.display = 'block';
@@ -849,58 +1520,111 @@
// 清空频道表单
function clearChannelForm() {
+ // 清空表单模式字段
document.getElementById('channelKey').value = '';
- document.getElementById('channelConfig').value = '';
+ document.getElementById('channelName').value = '';
+ document.getElementById('channelType').value = 'azure-openai'; // 默认设置为 azure-openai
+ document.getElementById('channelEndpoint').value = '';
+ document.getElementById('channelApiKey').value = '';
+ document.getElementById('channelApiVersion').value = '';
+ document.getElementById('deploymentMapper').value = '';
+ document.getElementById('additionalConfig').value = '';
document.getElementById('channelKey').disabled = false;
+
+ // 清空JSON模式字段
+ document.getElementById('channelKeyJson').value = '';
+ document.getElementById('channelValueJson').value = '';
+
+ // 重置到表单模式
+ document.getElementById('channelFormMode').style.display = 'block';
+ document.getElementById('channelJsonMode').style.display = 'none';
+ document.getElementById('channelModeToggle').textContent = '📝 切换到JSON模式';
+ channelEditMode = 'form';
+
currentEditingChannel = null;
+
+ // 确保API版本字段根据类型正确显示
+ toggleApiVersionField();
}
// 编辑频道
function editChannelFromList(key, originalValue) {
currentEditingChannel = key;
- document.getElementById('channelKey').value = key;
- document.getElementById('channelKey').disabled = true; // 编辑时不允许修改key
- // 直接使用原始的JSON字符串，格式化显示
+
try {
const parsed = JSON.parse(originalValue);
- document.getElementById('channelConfig').value = JSON.stringify(parsed, null, 2);
- } catch {
- document.getElementById('channelConfig').value = originalValue;
+
+ if (channelEditMode === 'form') {
+ // 表单模式
+ fillChannelForm(key, parsed);
+ document.getElementById('channelKey').disabled = true; // 编辑时不允许修改key
+ } else {
+ // JSON模式
+ document.getElementById('channelKeyJson').value = key;
+ document.getElementById('channelValueJson').value = JSON.stringify(parsed, null, 2);
+ }
+
+ // 确保API版本字段根据类型正确显示
+ toggleApiVersionField();
+ showChannelForm(true);
+ } catch (error) {
+ console.error('解析频道配置失败:', error);
+ showAlert('频道配置格式错误', 'error');
}
- showChannelForm(true);
}
// 保存频道
async function saveChannel() {
- const key = document.getElementById('channelKey').value;
- const configText = document.getElementById('channelConfig').value;
+ let key, config;
- if (!key || !configText) {
- showAlert('请填写频道标识和配置', 'error');
- return;
+ if (channelEditMode === 'form') {
+ // 表单模式
+ key = document.getElementById('channelKey').value.trim();
+ config = collectChannelFormData();
+
+ if (!config) {
+ showAlert('请填写所有必填字段（频道名称、端点、API密钥）', 'error');
+ return;
+ }
+
+ if (!key) {
+ showAlert('请填写频道标识', 'error');
+ return;
+ }
+ } else {
+ // JSON模式
+ key = document.getElementById('channelKeyJson').value.trim();
+ const jsonValue = document.getElementById('channelValueJson').value.trim();
+
+ if (!key || !jsonValue) {
+ showAlert('请填写频道标识和配置JSON', 'error');
+ return;
+ }
+
+ try {
+ config = JSON.parse(jsonValue);
+ } catch (error) {
+ showAlert('JSON格式错误，请检查配置格式', 'error');
+ return;
+ }
}
try {
- const config = JSON.parse(configText);
- await apiRequest(`/api/admin/channel/${encodeURIComponent(key)}`, 'POST', config);
+ await apiRequest(`/api/admin/channel/${encodeURIComponent(key)}`, 'POST', config, true, '正在保存频道...');
showAlert('频道保存成功！', 'success');
clearChannelForm();
showChannelList();
loadChannels();
} catch (error) {
- if (error.message.includes('JSON')) {
- showAlert('配置格式错误，请检查JSON格式', 'error');
- } else {
- showAlert(`保存频道失败: ${error.message}`, 'error');
- }
+ showAlert(`保存频道失败: ${error.message}`, 'error');
}
}
// Channel functions
async function loadChannels() {
try {
- const channels = await apiRequest('/api/admin/channel');
+ const channels = await apiRequest('/api/admin/channel', 'GET', null, true);
displayChannels(channels);
} catch (error) {
document.getElementById('channelsList').innerHTML = `
@@ -956,6 +1680,76 @@
// === TOKEN FUNCTIONS ===
+ // 切换令牌编辑模式
+ function toggleTokenEditMode() {
+ const formMode = document.getElementById('tokenFormMode');
+ const jsonMode = document.getElementById('tokenJsonMode');
+ const toggleBtn = document.getElementById('tokenModeToggle');
+
+ if (tokenEditMode === 'form') {
+ // 切换到JSON模式
+ const formData = collectTokenFormData();
+ if (formData.key) {
+ document.getElementById('tokenKeyJson').value = formData.key;
+ delete formData.key; // 从配置中移除key
+ document.getElementById('tokenValueJson').value = JSON.stringify(formData, null, 2);
+ }
+
+ formMode.style.display = 'none';
+ jsonMode.style.display = 'block';
+ toggleBtn.textContent = '📋 切换到表单模式';
+ tokenEditMode = 'json';
+ } else {
+ // 切换到表单模式
+ try {
+ const key = document.getElementById('tokenKeyJson').value;
+ const jsonValue = document.getElementById('tokenValueJson').value;
+ if (jsonValue) {
+ const parsed = JSON.parse(jsonValue);
+ fillTokenForm(key, parsed);
+ }
+ } catch (error) {
+ console.warn('JSON格式错误，无法转换到表单模式:', error);
+ }
+
+ formMode.style.display = 'block';
+ jsonMode.style.display = 'none';
+ toggleBtn.textContent = '📝 切换到JSON模式';
+ tokenEditMode = 'form';
+ }
+ }
+
+ // 收集令牌表单数据
+ function collectTokenFormData() {
+ const name = document.getElementById('tokenName').value.trim();
+ const key = document.getElementById('tokenKey').value.trim();
+ const channelKeysInput = document.getElementById('channelKeysInput').value.trim();
+ const totalQuotaInput = document.getElementById('totalQuotaInput').value.trim();
+
+ const channelKeys = channelKeysInput
+ ? channelKeysInput.split(',').map(key => key.trim()).filter(key => key.length > 0)
+ : [];
+
+ return {
+ key: key,
+ name: name,
+ channel_keys: channelKeys,
+ total_quota: totalQuotaInput ? parseFloat(totalQuotaInput) : 0
+ };
+ }
+
+ // 填充令牌表单
+ function fillTokenForm(key, config) {
+ document.getElementById('tokenName').value = config.name || '';
+ document.getElementById('tokenKey').value = key;
+
+ const channelKeysStr = config.channel_keys && Array.isArray(config.channel_keys)
+ ? config.channel_keys.join(', ')
+ : '';
+ document.getElementById('channelKeysInput').value = channelKeysStr;
+ document.getElementById('totalQuotaInput').value = config.total_quota || '';
+ }
+
// 显示令牌列表
function showTokenList() {
document.getElementById('tokenListView').style.display = 'block';
@@ -997,11 +1791,16 @@
// 清空令牌表单
function clearTokenForm() {
+ // 清空表单模式字段
document.getElementById('tokenName').value = '';
document.getElementById('tokenKey').value = '';
document.getElementById('channelKeysInput').value = '';
document.getElementById('totalQuotaInput').value = '';
+ // 清空JSON模式字段
+ document.getElementById('tokenKeyJson').value = '';
+ document.getElementById('tokenValueJson').value = '';
+
// 重置token key输入框状态
const tokenKeyInput = document.getElementById('tokenKey');
const tokenKeyActions = document.getElementById('tokenKeyActions');
@@ -1015,6 +1814,12 @@
generateBtn.style.display = 'inline-block';
copyBtn.style.display = 'none';
+ // 重置到表单模式
+ document.getElementById('tokenFormMode').style.display = 'block';
+ document.getElementById('tokenJsonMode').style.display = 'none';
+ document.getElementById('tokenModeToggle').textContent = '📝 切换到JSON模式';
+ tokenEditMode = 'form';
+
currentEditingToken = null;
}
@@ -1056,75 +1861,81 @@
function editTokenFromList(key, originalValue) {
currentEditingToken = key;
- // 解析JSON并填充表单字段
try {
const parsed = JSON.parse(originalValue);
- // 填充名称字段
- document.getElementById('tokenName').value = parsed.name || '';
- // 填充token key
- document.getElementById('tokenKey').value = key;
- // 处理 channel_keys 数组，转换为逗号分隔的字符串
- const channelKeysStr = parsed.channel_keys && Array.isArray(parsed.channel_keys)
- ? parsed.channel_keys.join(', ')
- : '';
- document.getElementById('channelKeysInput').value = channelKeysStr;
- document.getElementById('totalQuotaInput').value = parsed.total_quota || '';
- } catch {
- // 如果解析失败，清空表单
- document.getElementById('tokenName').value = '';
- document.getElementById('tokenKey').value = key;
- document.getElementById('channelKeysInput').value = '';
- document.getElementById('totalQuotaInput').value = '';
+
+ if (tokenEditMode === 'form') {
+ // 表单模式
+ fillTokenForm(key, parsed);
+
+ // 设置编辑模式的UI状态
+ const tokenKeyInput = document.getElementById('tokenKey');
+ const tokenKeyActions = document.getElementById('tokenKeyActions');
+ const generateBtn = document.getElementById('generateTokenBtn');
+ const copyBtn = document.getElementById('copyTokenBtn');
+
+ tokenKeyInput.disabled = true; // 编辑时不允许修改key
+ tokenKeyInput.style.cursor = 'not-allowed';
+ tokenKeyInput.placeholder = '编辑时不可修改';
+ tokenKeyActions.style.display = 'flex';
+ generateBtn.style.display = 'none'; // 隐藏生成按钮
+ copyBtn.style.display = 'inline-block'; // 显示复制按钮
+ } else {
+ // JSON模式
+ document.getElementById('tokenKeyJson').value = key;
+ document.getElementById('tokenValueJson').value = JSON.stringify(parsed, null, 2);
+ }
+
+ showTokenForm(true);
+ } catch (error) {
+ console.error('解析令牌配置失败:', error);
+ showAlert('令牌配置格式错误', 'error');
}
-
- // 设置编辑模式的UI状态
- const tokenKeyInput = document.getElementById('tokenKey');
- const tokenKeyActions = document.getElementById('tokenKeyActions');
- const generateBtn = document.getElementById('generateTokenBtn');
- const copyBtn = document.getElementById('copyTokenBtn');
-
- tokenKeyInput.disabled = true; // 编辑时不允许修改key
- tokenKeyInput.style.cursor = 'not-allowed';
- tokenKeyInput.placeholder = '编辑时不可修改';
- tokenKeyActions.style.display = 'flex';
- generateBtn.style.display = 'none'; // 隐藏生成按钮
- copyBtn.style.display = 'inline-block'; // 显示复制按钮
-
- showTokenForm(true);
}
// 保存令牌
async function saveToken() {
- const name = document.getElementById('tokenName').value;
- const key = document.getElementById('tokenKey').value;
- const channelKeysInput = document.getElementById('channelKeysInput').value;
- const totalQuotaInput = document.getElementById('totalQuotaInput').value;
+ let key, config;
- if (!name || !key || !totalQuotaInput) {
- showAlert('请填写令牌名称、令牌标识和总配额', 'error');
- return;
- }
+ if (tokenEditMode === 'form') {
+ // 表单模式
+ const formData = collectTokenFormData();
+ key = formData.key;
+ config = {
+ name: formData.name,
+ channel_keys: formData.channel_keys,
+ total_quota: formData.total_quota
+ };
- // 验证总配额是否为有效数字
- const totalQuota = parseFloat(totalQuotaInput);
- if (isNaN(totalQuota) || totalQuota < 0) {
- showAlert('请输入有效的总配额数值', 'error');
- return;
+ if (!formData.name || !key || !formData.total_quota) {
+ showAlert('请填写令牌名称、令牌标识和总配额', 'error');
+ return;
+ }
+
+ if (isNaN(formData.total_quota) || formData.total_quota < 0) {
+ showAlert('请输入有效的总配额数值', 'error');
+ return;
+ }
+ } else {
+ // JSON模式
+ key = document.getElementById('tokenKeyJson').value.trim();
+ const jsonValue = document.getElementById('tokenValueJson').value.trim();
+
+ if (!key || !jsonValue) {
+ showAlert('请填写令牌标识和配置JSON', 'error');
+ return;
+ }
+
+ try {
+ config = JSON.parse(jsonValue);
+ } catch (error) {
+ showAlert('JSON格式错误，请检查配置格式', 'error');
+ return;
+ }
}
try {
- // 处理 channel_keys：如果输入为空，则设为空数组；否则按逗号分割并去除空白
- const channelKeys = channelKeysInput.trim()
- ? channelKeysInput.split(',').map(key => key.trim()).filter(key => key.length > 0)
- : [];
-
- const config = {
- name: name,
- channel_keys: channelKeys,
- total_quota: totalQuota
- };
-
- await apiRequest(`/api/admin/token/${encodeURIComponent(key)}`, 'POST', config);
+ await apiRequest(`/api/admin/token/${encodeURIComponent(key)}`, 'POST', config, true, '正在保存令牌...');
showAlert('令牌保存成功！', 'success');
clearTokenForm();
@@ -1138,7 +1949,7 @@
// Token functions
async function loadTokens() {
try {
- const tokens = await apiRequest('/api/admin/token');
+ const tokens = await apiRequest('/api/admin/token', 'GET', null, true);
displayTokens(tokens);
} catch (error) {
document.getElementById('tokensList').innerHTML = `
加载频道失败: ${error.message}
`;
@@ -911,7 +1635,7 @@
if (!confirm('确定要删除这个频道吗？')) return;
try {
- await apiRequest(`/api/admin/channel/${encodeURIComponent(key)}`, 'DELETE');
+ await apiRequest(`/api/admin/channel/${encodeURIComponent(key)}`, 'DELETE', null, true, '正在删除频道...');
showAlert('频道删除成功！', 'success');
loadChannels();
} catch (error) {
@@ -934,19 +1658,19 @@
// 解析 value 字段中的 JSON 字符串
parsedValue = JSON.parse(item.value);
} catch {
- parsedValue = { name: 'Invalid JSON', type: 'Unknown', endpoint: '' };
+ parsedValue = { name: 'Invalid JSON', type: 'azure-openai', endpoint: '' };
}
return `
-
${item.key || 'Unknown'}
+ ${parsedValue.name || 'No name'}
- ${parsedValue.name || 'No name'} | 类型: ${parsedValue.type || 'Unknown'} | 端点: ${(parsedValue.endpoint || '').substring(0, 50)}${(parsedValue.endpoint || '').length > 50 ? '...' : ''}
+ ${item.key || 'Unknown'} | 类型: ${parsedValue.type || 'Unknown'} | 端点: ${(parsedValue.endpoint || '').substring(0, 50)}${(parsedValue.endpoint || '').length > 50 ? '...' : ''}
-
+
加载令牌失败: ${error.message}
`;
@@ -1149,7 +1960,7 @@
if (!confirm('确定要删除这个令牌吗？')) return;
try {
- await apiRequest(`/api/admin/token/${encodeURIComponent(key)}`, 'DELETE');
+ await apiRequest(`/api/admin/token/${encodeURIComponent(key)}`, 'DELETE', null, true, '正在删除令牌...');
showAlert('令牌删除成功！', 'success');
loadTokens();
} catch (error) {
@@ -1197,8 +2008,8 @@
-
-
+
+