@@ -338,6 +603,7 @@
// 初始化
document.addEventListener('DOMContentLoaded', () => {
loadStats();
+ loadAIConfig();
loadUsers();
loadConversations();
loadConfig();
@@ -352,6 +618,208 @@
document.getElementById(`${tabName}Panel`).classList.add('active');
}
+ // 切换模型下拉显示
+ function toggleModelDropdown() {
+ const input = document.getElementById('aiModel');
+ input.focus();
+ // 触发datalist显示
+ if (input.showPicker) {
+ input.showPicker();
+ } else {
+ // 兼容性处理：模拟点击
+ input.click();
+ }
+ }
+
+ // 加载AI配置
+ async function loadAIConfig() {
+ try {
+ const response = await fetch('/api/admin/ai-config');
+ const data = await response.json();
+
+ document.getElementById('aiApiBase').value = data.api_base || '';
+ document.getElementById('aiApiKey').value = data.api_key || '';
+ document.getElementById('aiModel').value = data.model || 'auto';
+
+ // 更新当前状态显示
+ document.getElementById('currentApiBase').textContent = data.api_base || '-';
+ document.getElementById('currentModel').textContent = data.model || '-';
+
+ // 更新状态指示
+ if (data.use_mock) {
+ document.getElementById('aiStatusDot').className = 'ai-status-dot error';
+ document.getElementById('aiStatusText').textContent = '当前使用Mock模式（未连接真实API）';
+ document.getElementById('aiStatus').className = 'ai-status error';
+ document.getElementById('connectionStatus').textContent = 'Mock模式';
+ document.getElementById('connectionBadge').className = 'badge inactive';
+ document.getElementById('connectionBadge').textContent = '未连接';
+ } else {
+ document.getElementById('aiStatusDot').className = 'ai-status-dot ok';
+ document.getElementById('aiStatusText').textContent = '已配置真实API';
+ document.getElementById('aiStatus').className = 'ai-status ok';
+ document.getElementById('connectionStatus').textContent = '已配置';
+ document.getElementById('connectionBadge').className = 'badge active';
+ document.getElementById('connectionBadge').textContent = '待测试';
+ }
+
+ document.getElementById('apiBaseStatus').className = 'badge active';
+ document.getElementById('apiBaseStatus').textContent = '已配置';
+ document.getElementById('modelStatus').className = 'badge active';
+ document.getElementById('modelStatus').textContent = data.model || 'auto';
+
+ } catch (error) {
+ console.error('加载AI配置失败:', error);
+ }
+ }
+
+ // 保存AI配置
+ async function saveAIConfig() {
+ const apiBase = document.getElementById('aiApiBase').value.trim();
+ const apiKey = document.getElementById('aiApiKey').value.trim();
+ const model = document.getElementById('aiModel').value.trim();
+
+ if (!apiBase) {
+ alert('请填写API地址');
+ return;
+ }
+
+ try {
+ const btn = event.target;
+ btn.classList.add('loading');
+ btn.textContent = '保存中...';
+
+ const response = await fetch('/api/admin/ai-config', {
+ method: 'POST',
+ headers: {'Content-Type': 'application/json'},
+ body: JSON.stringify({api_base: apiBase, api_key: apiKey, model: model})
+ });
+
+ const data = await response.json();
+
+ btn.classList.remove('loading');
+ btn.innerHTML = '
保存配置';
+
+ if (data.success) {
+ // 显示成功提示
+ const resultDiv = document.getElementById('testResult');
+ resultDiv.style.display = 'block';
+ resultDiv.className = 'test-result success';
+ resultDiv.innerHTML = `
${data.message}`;
+
+ // 重新加载配置
+ loadAIConfig();
+
+ // 3秒后隐藏提示
+ setTimeout(() => resultDiv.style.display = 'none', 3000);
+ } else {
+ alert('保存失败: ' + (data.message || '未知错误'));
+ }
+ } catch (error) {
+ console.error('保存AI配置失败:', error);
+ alert('保存失败: ' + error.message);
+ event.target.classList.remove('loading');
+ event.target.innerHTML = '
保存配置';
+ }
+ }
+
+ // 测试AI连接
+ async function testAIConnection() {
+ try {
+ const btn = event.target;
+ btn.classList.add('loading');
+ btn.innerHTML = '
测试中...';
+
+ const response = await fetch('/api/admin/test-ai', {
+ method: 'POST'
+ });
+
+ const data = await response.json();
+
+ btn.classList.remove('loading');
+ btn.innerHTML = '
测试连接';
+
+ const resultDiv = document.getElementById('testResult');
+ resultDiv.style.display = 'block';
+
+ if (data.success) {
+ resultDiv.className = 'test-result success';
+ resultDiv.innerHTML = `
连接成功！模型: ${data.model}
响应: ${data.message}`;
+
+ // 更新连接状态
+ document.getElementById('aiStatusDot').className = 'ai-status-dot ok';
+ document.getElementById('aiStatusText').textContent = '连接正常';
+ document.getElementById('aiStatus').className = 'ai-status ok';
+ document.getElementById('connectionStatus').textContent = '正常';
+ document.getElementById('connectionBadge').className = 'badge active';
+ document.getElementById('connectionBadge').textContent = '已连接';
+ } else {
+ resultDiv.className = 'test-result error';
+ resultDiv.innerHTML = `
连接失败${data.message}`;
+
+ // 更新连接状态
+ document.getElementById('aiStatusDot').className = 'ai-status-dot error';
+ document.getElementById('aiStatusText').textContent = '连接失败';
+ document.getElementById('aiStatus').className = 'ai-status error';
+ document.getElementById('connectionStatus').textContent = '失败';
+ document.getElementById('connectionBadge').className = 'badge inactive';
+ document.getElementById('connectionBadge').textContent = '错误';
+ }
+ } catch (error) {
+ console.error('测试连接失败:', error);
+ event.target.classList.remove('loading');
+ event.target.innerHTML = '
测试连接';
+
+ const resultDiv = document.getElementById('testResult');
+ resultDiv.style.display = 'block';
+ resultDiv.className = 'test-result error';
+ resultDiv.innerHTML = `
测试失败: ${error.message}`;
+ }
+ }
+
+ // 刷新模型列表
+ async function refreshModels() {
+ try {
+ const btn = event.target;
+ btn.classList.add('loading');
+ btn.innerHTML = '
刷新中...';
+
+ const response = await fetch('/api/admin/models');
+ const data = await response.json();
+
+ btn.classList.remove('loading');
+ btn.innerHTML = '
刷新模型列表';
+
+ // 更新datalist
+ const datalist = document.getElementById('modelList');
+ datalist.innerHTML = '';
+
+ for (const model of data.models) {
+ const option = document.createElement('option');
+ option.value = model.id;
+ option.textContent = model.name;
+ datalist.appendChild(option);
+ }
+
+ // 显示提示
+ const resultDiv = document.getElementById('testResult');
+ resultDiv.style.display = 'block';
+ resultDiv.className = 'test-result success';
+ resultDiv.innerHTML = `
获取到 ${data.models.length} 个模型，可在输入框中选择`;
+
+ if (!data.success) {
+ resultDiv.className = 'test-result error';
+ resultDiv.innerHTML = `
${data.message || '使用默认模型列表'}`;
+ }
+
+ setTimeout(() => resultDiv.style.display = 'none', 3000);
+
+ } catch (error) {
+ console.error('刷新模型列表失败:', error);
+ event.target.classList.remove('loading');
+ event.target.innerHTML = '
刷新模型列表';
+ }
+ }
+
// 加载统计数据
async function loadStats() {
try {
@@ -423,7 +891,7 @@
}
}
- // 加载配置
+ // 加载其他配置
async function loadConfig() {
try {
const response = await fetch('/api/admin/config');
@@ -431,12 +899,15 @@
const container = document.getElementById('configList');
- if (data.configs.length === 0) {
- container.innerHTML = '
暂无配置
';
+ // 过滤掉AI配置（在AI配置面板单独显示）
+ const otherConfigs = data.configs.filter(c => !c.key.startsWith('ai_'));
+
+ if (otherConfigs.length === 0) {
+ container.innerHTML = '
暂无其他配置
';
return;
}
- container.innerHTML = data.configs.map(config => `
+ container.innerHTML = otherConfigs.map(config => `
${config.key}
${config.value}
@@ -448,7 +919,7 @@
}
}
- // 保存配置
+ // 保存其他配置
async function saveConfig() {
const key = document.getElementById('configKey').value.trim();
const value = document.getElementById('configValue').value.trim();
@@ -497,6 +968,9 @@
// 定时刷新
setInterval(() => {
loadStats();
+ if (document.getElementById('aiPanel').classList.contains('active')) {
+ loadAIConfig();
+ }
if (document.getElementById('usersPanel').classList.contains('active')) {
loadUsers();
}