refactor: 大模型配置改为列表选择模式

- 移除主配置表单,改为从列表选择默认接口
- 新增 is_default 字段标记默认使用的接口
- 新增 max_tokens/chunk_size/timeout 配置参数
- 点击"设为默认"按钮即可切换当前使用的接口
- get_llm_config() 从默认接口获取配置
- 默认接口不可删除,必须有至少一个默认
This commit is contained in:
2026-04-16 16:21:15 +08:00
parent db98c2b82c
commit 07cd82e192
3 changed files with 236 additions and 197 deletions

102
admin.py
View File

@@ -674,22 +674,15 @@ def api_user_add_package(user_id):
@admin_required @admin_required
def llm_config(): def llm_config():
"""LLM配置页面""" """LLM配置页面"""
from config import LLM_CONFIG # 获取所有大模型配置
llm_configs = BackupLLMConfig.query.order_by(BackupLLMConfig.sort_order).all()
# 数据库获取配置,如果没有则使用默认值 # 如果数据库中没有数据,初始化默认配置
config = { if not llm_configs:
'api_base': DynamicConfig.get('llm_api_base', LLM_CONFIG.get('api_base')), init_default_backup_llm()
'api_key': DynamicConfig.get('llm_api_key', LLM_CONFIG.get('api_key')), llm_configs = BackupLLMConfig.query.order_by(BackupLLMConfig.sort_order).all()
'model': DynamicConfig.get('llm_model', LLM_CONFIG.get('model')),
'max_tokens': DynamicConfig.get('llm_max_tokens', LLM_CONFIG.get('max_tokens')),
'chunk_size': DynamicConfig.get('llm_chunk_size', LLM_CONFIG.get('chunk_size')),
'timeout': DynamicConfig.get('llm_timeout', LLM_CONFIG.get('timeout')),
}
# 获取备用大模型配置 return render_template('admin/llm_config.html', llm_configs=[c.to_dict() for c in llm_configs])
backup_configs = BackupLLMConfig.query.order_by(BackupLLMConfig.sort_order).all()
return render_template('admin/llm_config.html', config=config, backup_configs=[c.to_dict() for c in backup_configs])
@admin_bp.route('/llm_config/save', methods=['POST']) @admin_bp.route('/llm_config/save', methods=['POST'])
@@ -765,18 +758,38 @@ def reset_llm_config():
# ==================== 获取当前LLM配置供其他模块使用 ==================== # ==================== 获取当前LLM配置供其他模块使用 ====================
def get_llm_config(): def get_llm_config():
"""获取当前LLM配置""" """获取当前默认LLM配置"""
from config import LLM_CONFIG # 从数据库获取默认配置
default_config = BackupLLMConfig.query.filter_by(is_default=True, is_active=True).first()
if default_config:
return { return {
'api_base': DynamicConfig.get('llm_api_base', LLM_CONFIG.get('api_base')), 'api_base': default_config.api_base,
'api_key': DynamicConfig.get('llm_api_key', LLM_CONFIG.get('api_key')), 'api_key': default_config.api_key or '',
'model': DynamicConfig.get('llm_model', LLM_CONFIG.get('model')), 'model': default_config.model,
'max_tokens': DynamicConfig.get('llm_max_tokens', LLM_CONFIG.get('max_tokens')), 'max_tokens': default_config.max_tokens,
'chunk_size': DynamicConfig.get('llm_chunk_size', LLM_CONFIG.get('chunk_size')), 'chunk_size': default_config.chunk_size,
'timeout': DynamicConfig.get('llm_timeout', LLM_CONFIG.get('timeout')), 'timeout': default_config.timeout,
'provider_name': default_config.provider_name,
} }
# 如果没有默认配置,尝试获取第一个启用的
first_config = BackupLLMConfig.query.filter_by(is_active=True).order_by(BackupLLMConfig.sort_order).first()
if first_config:
return {
'api_base': first_config.api_base,
'api_key': first_config.api_key or '',
'model': first_config.model,
'max_tokens': first_config.max_tokens,
'chunk_size': first_config.chunk_size,
'timeout': first_config.timeout,
'provider_name': first_config.provider_name,
}
# 如果都没有,使用配置文件默认值
from config import LLM_CONFIG
return LLM_CONFIG
# ==================== 用户类型配置管理(动态增删) ==================== # ==================== 用户类型配置管理(动态增删) ====================
@admin_bp.route('/user-types') @admin_bp.route('/user-types')
@@ -1234,7 +1247,7 @@ def backup_llm_list():
@admin_bp.route('/backup-llm/add', methods=['POST']) @admin_bp.route('/backup-llm/add', methods=['POST'])
@admin_required @admin_required
def add_backup_llm(): def add_backup_llm():
"""添加备用大模型接口""" """添加大模型接口"""
data = request.json data = request.json
config = BackupLLMConfig( config = BackupLLMConfig(
@@ -1242,7 +1255,11 @@ def add_backup_llm():
api_base=data.get('api_base'), api_base=data.get('api_base'),
api_key=data.get('api_key'), api_key=data.get('api_key'),
model=data.get('model'), model=data.get('model'),
max_tokens=int(data.get('max_tokens', 8000)),
chunk_size=int(data.get('chunk_size', 2000)),
timeout=int(data.get('timeout', 180)),
is_active=data.get('is_active', True), is_active=data.get('is_active', True),
is_default=False,
sort_order=int(data.get('sort_order', 0)), sort_order=int(data.get('sort_order', 0)),
description=data.get('description'), description=data.get('description'),
) )
@@ -1254,7 +1271,7 @@ def add_backup_llm():
log = OperationLog( log = OperationLog(
user_id=session.get('user_id'), user_id=session.get('user_id'),
username='admin', username='admin',
action='add_backup_llm', action='add_llm_config',
target=config.provider_name, target=config.provider_name,
detail=json.dumps(config.to_dict(), ensure_ascii=False) detail=json.dumps(config.to_dict(), ensure_ascii=False)
) )
@@ -1267,7 +1284,7 @@ def add_backup_llm():
@admin_bp.route('/backup-llm/<int:config_id>/edit', methods=['POST']) @admin_bp.route('/backup-llm/<int:config_id>/edit', methods=['POST'])
@admin_required @admin_required
def edit_backup_llm(config_id): def edit_backup_llm(config_id):
"""编辑备用大模型接口""" """编辑大模型接口"""
config = BackupLLMConfig.query.get_or_404(config_id) config = BackupLLMConfig.query.get_or_404(config_id)
data = request.json data = request.json
@@ -1275,6 +1292,9 @@ def edit_backup_llm(config_id):
config.api_base = data.get('api_base', config.api_base) config.api_base = data.get('api_base', config.api_base)
config.api_key = data.get('api_key', config.api_key) config.api_key = data.get('api_key', config.api_key)
config.model = data.get('model', config.model) config.model = data.get('model', config.model)
config.max_tokens = int(data.get('max_tokens', config.max_tokens))
config.chunk_size = int(data.get('chunk_size', config.chunk_size))
config.timeout = int(data.get('timeout', config.timeout))
config.is_active = data.get('is_active', True) config.is_active = data.get('is_active', True)
config.sort_order = int(data.get('sort_order', config.sort_order)) config.sort_order = int(data.get('sort_order', config.sort_order))
config.description = data.get('description', config.description) config.description = data.get('description', config.description)
@@ -1285,7 +1305,7 @@ def edit_backup_llm(config_id):
log = OperationLog( log = OperationLog(
user_id=session.get('user_id'), user_id=session.get('user_id'),
username='admin', username='admin',
action='edit_backup_llm', action='edit_llm_config',
target=config.provider_name, target=config.provider_name,
detail=json.dumps(config.to_dict(), ensure_ascii=False) detail=json.dumps(config.to_dict(), ensure_ascii=False)
) )
@@ -1321,7 +1341,7 @@ def delete_backup_llm(config_id):
@admin_bp.route('/backup-llm/<int:config_id>/toggle', methods=['POST']) @admin_bp.route('/backup-llm/<int:config_id>/toggle', methods=['POST'])
@admin_required @admin_required
def toggle_backup_llm(config_id): def toggle_backup_llm(config_id):
"""切换备用大模型接口状态""" """切换大模型接口状态"""
config = BackupLLMConfig.query.get_or_404(config_id) config = BackupLLMConfig.query.get_or_404(config_id)
config.is_active = not config.is_active config.is_active = not config.is_active
db.session.commit() db.session.commit()
@@ -1329,6 +1349,34 @@ def toggle_backup_llm(config_id):
return jsonify({'success': True, 'is_active': config.is_active}) return jsonify({'success': True, 'is_active': config.is_active})
@admin_bp.route('/backup-llm/<int:config_id>/set-default', methods=['POST'])
@admin_required
def set_default_llm(config_id):
"""设置默认大模型接口"""
config = BackupLLMConfig.query.get_or_404(config_id)
# 先清除所有默认标记
BackupLLMConfig.query.update({'is_default': False})
# 设置当前为默认
config.is_default = True
config.is_active = True # 默认的必须启用
db.session.commit()
# 记录日志
log = OperationLog(
user_id=session.get('user_id'),
username='admin',
action='set_default_llm',
target=config.provider_name,
detail=f'设置 {config.provider_name} 为默认大模型'
)
db.session.add(log)
db.session.commit()
return jsonify({'success': True, 'config': config.to_dict()})
@admin_bp.route('/backup-llm/<int:config_id>/test', methods=['POST']) @admin_bp.route('/backup-llm/<int:config_id>/test', methods=['POST'])
@admin_required @admin_required
def test_backup_llm(config_id): def test_backup_llm(config_id):

View File

@@ -871,7 +871,7 @@ class EmailNotification(db.Model):
# ==================== 备用大模型接口配置 ==================== # ==================== 备用大模型接口配置 ====================
class BackupLLMConfig(db.Model): class BackupLLMConfig(db.Model):
"""备用大模型接口配置""" """大模型接口配置"""
__tablename__ = 'backup_llm_config' __tablename__ = 'backup_llm_config'
id = db.Column(db.Integer, primary_key=True) id = db.Column(db.Integer, primary_key=True)
@@ -882,8 +882,14 @@ class BackupLLMConfig(db.Model):
api_key = db.Column(db.String(255), nullable=True) # API Key可选 api_key = db.Column(db.String(255), nullable=True) # API Key可选
model = db.Column(db.String(100), nullable=True) # 默认模型 model = db.Column(db.String(100), nullable=True) # 默认模型
# 配置参数
max_tokens = db.Column(db.Integer, default=8000) # 最大输出Token
chunk_size = db.Column(db.Integer, default=2000) # 分块大小
timeout = db.Column(db.Integer, default=180) # 超时时间
# 状态 # 状态
is_active = db.Column(db.Boolean, default=True) # 是否启用 is_active = db.Column(db.Boolean, default=True) # 是否启用
is_default = db.Column(db.Boolean, default=False) # 是否默认使用
sort_order = db.Column(db.Integer, default=0) # 排序 sort_order = db.Column(db.Integer, default=0) # 排序
# 备注 # 备注
@@ -900,7 +906,11 @@ class BackupLLMConfig(db.Model):
'api_base': self.api_base, 'api_base': self.api_base,
'api_key': self.api_key, 'api_key': self.api_key,
'model': self.model, 'model': self.model,
'max_tokens': self.max_tokens,
'chunk_size': self.chunk_size,
'timeout': self.timeout,
'is_active': self.is_active, 'is_active': self.is_active,
'is_default': self.is_default,
'sort_order': self.sort_order, 'sort_order': self.sort_order,
'description': self.description, 'description': self.description,
'created_at': self.created_at.isoformat() if self.created_at else None, 'created_at': self.created_at.isoformat() if self.created_at else None,

View File

@@ -14,6 +14,8 @@
.main-content { margin-left: 250px; padding: 20px; } .main-content { margin-left: 250px; padding: 20px; }
.table th, .table td { font-size: 0.9rem; } .table th, .table td { font-size: 0.9rem; }
.status-badge { font-size: 0.75rem; } .status-badge { font-size: 0.75rem; }
.default-badge { font-size: 0.75rem; }
.row-default { background-color: rgba(13, 110, 253, 0.05); }
</style> </style>
</head> </head>
<body> <body>
@@ -22,17 +24,17 @@
<h5 class="text-white mb-0"><i class="bi bi-gear-fill"></i> 后台管理</h5> <h5 class="text-white mb-0"><i class="bi bi-gear-fill"></i> 后台管理</h5>
</div> </div>
<ul class="nav flex-column"> <ul class="nav flex-column">
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.dashboard') }}"><i class="bi bi-speedometer2"></i> 数据概览</a></li> <li class="nav-item"><a class="nav-link" href="{{ url_for('admin.dashboard') }}"><i class="bi bi-speedometer2"></i> 数据概览</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.users') }}"><i class="bi bi-people"></i> 用户管理</a></li> <li class="nav-item"><a class="nav-link" href="{{ url_for('admin.users') }}"><i class="bi bi-people"></i> 用户管理</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.translations') }}"><i class="bi bi-file-text"></i> 翻译记录</a></li> <li class="nav-item"><a class="nav-link" href="{{ url_for('admin.translations') }}"><i class="bi bi-file-text"></i> 翻译记录</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.cache_list') }}"><i class="bi bi-database"></i> 缓存管理</a></li> <li class="nav-item"><a class="nav-link" href="{{ url_for('admin.cache_list') }}"><i class="bi bi-database"></i> 缓存管理</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.packages') }}"><i class="bi bi-box-seam"></i> 数据包套餐</a></li> <li class="nav-item"><a class="nav-link" href="{{ url_for('admin.packages') }}"><i class="bi bi-box-seam"></i> 数据包套餐</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.stats') }}"><i class="bi bi-bar-chart"></i> 统计报表</a></li> <li class="nav-item"><a class="nav-link" href="{{ url_for('admin.stats') }}"><i class="bi bi-bar-chart"></i> 统计报表</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.logs') }}"><i class="bi bi-list-check"></i> 操作日志</a></li> <li class="nav-item"><a class="nav-link" href="{{ url_for('admin.logs') }}"><i class="bi bi-list-check"></i> 操作日志</a></li>
<li class="nav-item"><a class="nav-link active" href="{{ url_for('admin.llm_config') }}"><i class="bi bi-cpu"></i> 大模型配置</a></li> <li class="nav-item"><a class="nav-link active" href="{{ url_for('admin.llm_config') }}"><i class="bi bi-cpu"></i> 大模型配置</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.user_types') }}"><i class="bi bi-person-badge"></i> 用户类型</a></li> <li class="nav-item"><a class="nav-link" href="{{ url_for('admin.user_types') }}"><i class="bi bi-person-badge"></i> 用户类型</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.membership_plans') }}"><i class="bi bi-credit-card"></i> 会员套餐</a></li> <li class="nav-item"><a class="nav-link" href="{{ url_for('admin.membership_plans') }}"><i class="bi bi-credit-card"></i> 会员套餐</a></li>
<li class="nav-item"><a class="nav-link " href="{{ url_for('admin.settings') }}"><i class="bi bi-sliders"></i> 系统配置</a></li> <li class="nav-item"><a class="nav-link" href="{{ url_for('admin.settings') }}"><i class="bi bi-sliders"></i> 系统配置</a></li>
</ul> </ul>
<div class="position-absolute bottom-0 w-100 p-3 border-top border-secondary"> <div class="position-absolute bottom-0 w-100 p-3 border-top border-secondary">
<a href="/" class="btn btn-outline-light btn-sm w-100"><i class="bi bi-house"></i> 返回前台</a> <a href="/" class="btn btn-outline-light btn-sm w-100"><i class="bi bi-house"></i> 返回前台</a>
@@ -40,65 +42,17 @@
</nav> </nav>
<main class="main-content"> <main class="main-content">
<!-- 主配置 -->
<div class="card"> <div class="card">
<div class="card-header">
<h6 class="mb-0"><i class="bi bi-cpu"></i> 主大模型接口配置</h6>
</div>
<div class="card-body">
<form id="llmConfigForm">
<div class="row">
<div class="col-md-6">
<div class="mb-3">
<label class="form-label">API 地址</label>
<input type="text" class="form-control" name="api_base" value="{{ config.api_base }}" placeholder="http://localhost:1234/v1">
<small class="text-muted">LLM服务的API endpoint</small>
</div>
<div class="mb-3">
<label class="form-label">API Key</label>
<input type="text" class="form-control" name="api_key" value="{{ config.api_key }}" placeholder="sk-xxx">
<small class="text-muted">如果不需要可留空</small>
</div>
<div class="mb-3">
<label class="form-label">模型名称</label>
<input type="text" class="form-control" name="model" value="{{ config.model }}" placeholder="qwen/qwen3.5-35b">
<small class="text-muted">使用的模型ID</small>
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label">最大输出Token</label>
<input type="number" class="form-control" name="max_tokens" value="{{ config.max_tokens }}" placeholder="8000">
</div>
<div class="mb-3">
<label class="form-label">分块大小</label>
<input type="number" class="form-control" name="chunk_size" value="{{ config.chunk_size }}" placeholder="2000">
</div>
<div class="mb-3">
<label class="form-label">超时时间(秒)</label>
<input type="number" class="form-control" name="timeout" value="{{ config.timeout }}" placeholder="180">
</div>
</div>
</div>
<div class="mt-3">
<button type="submit" class="btn btn-primary"><i class="bi bi-check-lg"></i> 保存配置</button>
<button type="button" class="btn btn-outline-secondary" onclick="testMainConnection()"><i class="bi bi-plug"></i> 测试连接</button>
<button type="button" class="btn btn-outline-warning" onclick="resetToDefault()"><i class="bi bi-arrow-counterclockwise"></i> 恢复默认</button>
</div>
</form>
<div id="mainTestResult" class="mt-3" style="display:none;"></div>
</div>
</div>
<!-- 备用大模型 -->
<div class="card mt-3">
<div class="card-header d-flex justify-content-between align-items-center"> <div class="card-header d-flex justify-content-between align-items-center">
<h6 class="mb-0"><i class="bi bi-cloud"></i> 备用大模型接口</h6> <h6 class="mb-0"><i class="bi bi-cpu"></i> 大模型接口配置</h6>
<button class="btn btn-sm btn-primary" onclick="showAddModal()"><i class="bi bi-plus-lg"></i> 新增</button> <button class="btn btn-sm btn-primary" onclick="showAddModal()"><i class="bi bi-plus-lg"></i> 新增接口</button>
</div> </div>
<div class="card-body"> <div class="card-body">
<p class="text-muted mb-3">
<i class="bi bi-info-circle"></i>
从列表中选择一个接口设为<strong>默认</strong>,系统将使用该接口进行翻译。点击"设为默认"按钮即可切换。
</p>
<table class="table table-sm table-hover"> <table class="table table-sm table-hover">
<thead class="table-light"> <thead class="table-light">
<tr> <tr>
@@ -106,13 +60,15 @@
<th>服务商</th> <th>服务商</th>
<th>API地址</th> <th>API地址</th>
<th>模型</th> <th>模型</th>
<th style="width: 60px;">Token</th>
<th style="width: 70px;">状态</th> <th style="width: 70px;">状态</th>
<th style="width: 130px;">操作</th> <th style="width: 70px;">默认</th>
<th style="width: 150px;">操作</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{% for item in backup_configs %} {% for item in llm_configs %}
<tr id="backup-row-{{ item.id }}"> <tr id="llm-row-{{ item.id }}" class="{% if item.is_default %}row-default{% endif %}">
<td>{{ item.sort_order }}</td> <td>{{ item.sort_order }}</td>
<td> <td>
<strong>{{ item.provider_name }}</strong> <strong>{{ item.provider_name }}</strong>
@@ -120,6 +76,7 @@
</td> </td>
<td><code style="font-size: 0.8rem;">{{ item.api_base }}</code></td> <td><code style="font-size: 0.8rem;">{{ item.api_base }}</code></td>
<td><code style="font-size: 0.8rem;">{{ item.model or '默认' }}</code></td> <td><code style="font-size: 0.8rem;">{{ item.model or '默认' }}</code></td>
<td>{{ item.max_tokens }}</td>
<td> <td>
{% if item.is_active %} {% if item.is_active %}
<span class="badge bg-success status-badge">启用</span> <span class="badge bg-success status-badge">启用</span>
@@ -128,34 +85,51 @@
{% endif %} {% endif %}
</td> </td>
<td> <td>
<button class="btn btn-sm btn-outline-primary" onclick="testBackup({{ item.id }})" title="测试"><i class="bi bi-plug"></i></button> {% if item.is_default %}
<span class="badge bg-primary default-badge"><i class="bi bi-star-fill"></i> 默认</span>
{% else %}
<span class="text-muted">-</span>
{% endif %}
</td>
<td>
<button class="btn btn-sm btn-outline-primary" onclick="testLLM({{ item.id }})" title="测试"><i class="bi bi-plug"></i></button>
<button class="btn btn-sm btn-outline-secondary" onclick="showEditModal({{ item.id }})" title="编辑"><i class="bi bi-pencil"></i></button> <button class="btn btn-sm btn-outline-secondary" onclick="showEditModal({{ item.id }})" title="编辑"><i class="bi bi-pencil"></i></button>
<button class="btn btn-sm btn-outline-warning" onclick="toggleBackup({{ item.id }})" title="切换"><i class="bi bi-toggle2"></i></button> {% if not item.is_default %}
<button class="btn btn-sm btn-outline-danger" onclick="deleteBackup({{ item.id }})" title="删除"><i class="bi bi-trash"></i></button> <button class="btn btn-sm btn-outline-success" onclick="setDefault({{ item.id }})" title="设为默认"><i class="bi bi-star"></i></button>
{% endif %}
<button class="btn btn-sm btn-outline-warning" onclick="toggleLLM({{ item.id }})" title="切换状态"><i class="bi bi-toggle2"></i></button>
{% if not item.is_default %}
<button class="btn btn-sm btn-outline-danger" onclick="deleteLLM({{ item.id }})" title="删除"><i class="bi bi-trash"></i></button>
{% endif %}
</td> </td>
</tr> </tr>
{% else %} {% else %}
<tr><td colspan="6" class="text-center text-muted py-3">暂无备用大模型配置</td></tr> <tr><td colspan="8" class="text-center text-muted py-3">
<i class="bi bi-cloud-slash" style="font-size: 1.5rem;"></i><br>
暂无大模型配置,点击右上角"新增接口"添加
</td></tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
<div id="backupTestResult" class="mt-2" style="display:none;"></div> <div id="testResult" class="mt-2" style="display:none;"></div>
</div> </div>
</div> </div>
</main> </main>
<!-- 新增/编辑模态框 --> <!-- 新增/编辑模态框 -->
<div class="modal fade" id="backupModal" tabindex="-1"> <div class="modal fade" id="llmModal" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h6 class="modal-title" id="modalTitle">新增备用大模型</h6> <h6 class="modal-title" id="modalTitle">新增大模型接口</h6>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button> <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form id="backupForm"> <form id="llmForm">
<input type="hidden" id="backup_id" name="id"> <input type="hidden" id="llm_id" name="id">
<div class="row">
<div class="col-md-6">
<div class="mb-3"> <div class="mb-3">
<label class="form-label">服务商名称 <span class="text-danger">*</span></label> <label class="form-label">服务商名称 <span class="text-danger">*</span></label>
<input type="text" class="form-control" id="provider_name" name="provider_name" required placeholder="如: OpenAI"> <input type="text" class="form-control" id="provider_name" name="provider_name" required placeholder="如: OpenAI">
@@ -172,10 +146,26 @@
<label class="form-label">默认模型</label> <label class="form-label">默认模型</label>
<input type="text" class="form-control" id="model" name="model" placeholder="gpt-4"> <input type="text" class="form-control" id="model" name="model" placeholder="gpt-4">
</div> </div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label">最大输出Token</label>
<input type="number" class="form-control" id="max_tokens" name="max_tokens" value="8000">
</div>
<div class="mb-3">
<label class="form-label">分块大小</label>
<input type="number" class="form-control" id="chunk_size" name="chunk_size" value="2000">
</div>
<div class="mb-3">
<label class="form-label">超时时间(秒)</label>
<input type="number" class="form-control" id="timeout" name="timeout" value="180">
</div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">备注</label> <label class="form-label">备注</label>
<input type="text" class="form-control" id="description" name="description"> <input type="text" class="form-control" id="description" name="description">
</div> </div>
</div>
</div>
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6">
<label class="form-label">排序</label> <label class="form-label">排序</label>
@@ -192,8 +182,9 @@
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-outline-primary" onclick="testFormConnection()"><i class="bi bi-plug"></i> 测试连接</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" onclick="saveBackup()"><i class="bi bi-check-lg"></i> 保存</button> <button type="button" class="btn btn-primary" onclick="saveLLM()"><i class="bi bi-check-lg"></i> 保存</button>
</div> </div>
</div> </div>
</div> </div>
@@ -201,69 +192,19 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script> <script>
// 主配置 const llmData = {{ llm_configs | tojson }};
document.getElementById('llmConfigForm').addEventListener('submit', function(e) { const modal = new bootstrap.Modal(document.getElementById('llmModal'));
e.preventDefault();
const formData = new FormData(this);
const data = {};
formData.forEach((value, key) => {
data[key] = ['max_tokens', 'chunk_size', 'timeout'].includes(key) ? parseInt(value) || 0 : value;
});
fetch('/admin/llm_config/save', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(data)
})
.then(r => r.json())
.then(res => alert(res.success ? '配置已保存!' : '保存失败: ' + res.error))
.catch(err => alert('请求失败: ' + err));
});
function testMainConnection() {
const formData = new FormData(document.getElementById('llmConfigForm'));
const data = {};
formData.forEach((value, key) => {
data[key] = ['max_tokens', 'chunk_size', 'timeout'].includes(key) ? parseInt(value) || 0 : value;
});
const div = document.getElementById('mainTestResult');
div.style.display = 'block';
div.innerHTML = '<div class="alert alert-info"><i class="bi bi-hourglass-split"></i> 测试中...</div>';
fetch('/admin/llm_config/test', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(data)
})
.then(r => r.json())
.then(res => {
div.innerHTML = res.success
? `<div class="alert alert-success"><i class="bi bi-check-circle"></i> 连接成功!模型: ${res.model}</div>`
: `<div class="alert alert-danger"><i class="bi bi-x-circle"></i> 连接失败: ${res.error}</div>`;
})
.catch(err => div.innerHTML = `<div class="alert alert-danger">请求失败: ${err}</div>`);
}
function resetToDefault() {
if (confirm('确定恢复默认配置?')) {
fetch('/admin/llm_config/reset', {method: 'POST'})
.then(r => r.json())
.then(res => res.success ? location.reload() : alert('恢复失败: ' + res.error));
}
}
// 备用大模型
const backupData = {{ backup_configs | tojson }};
const modal = new bootstrap.Modal(document.getElementById('backupModal'));
function showAddModal() { function showAddModal() {
document.getElementById('modalTitle').textContent = '新增备用大模型'; document.getElementById('modalTitle').textContent = '新增大模型接口';
document.getElementById('backup_id').value = ''; document.getElementById('llm_id').value = '';
document.getElementById('provider_name').value = ''; document.getElementById('provider_name').value = '';
document.getElementById('api_base').value = ''; document.getElementById('api_base').value = '';
document.getElementById('api_key').value = ''; document.getElementById('api_key').value = '';
document.getElementById('model').value = ''; document.getElementById('model').value = '';
document.getElementById('max_tokens').value = '8000';
document.getElementById('chunk_size').value = '2000';
document.getElementById('timeout').value = '180';
document.getElementById('description').value = ''; document.getElementById('description').value = '';
document.getElementById('sort_order').value = '0'; document.getElementById('sort_order').value = '0';
document.getElementById('is_active').value = 'true'; document.getElementById('is_active').value = 'true';
@@ -271,28 +212,34 @@
} }
function showEditModal(id) { function showEditModal(id) {
const item = backupData.find(b => b.id === id); const item = llmData.find(b => b.id === id);
if (!item) return; if (!item) return;
document.getElementById('modalTitle').textContent = '编辑备用大模型'; document.getElementById('modalTitle').textContent = '编辑大模型接口';
document.getElementById('backup_id').value = id; document.getElementById('llm_id').value = id;
document.getElementById('provider_name').value = item.provider_name; document.getElementById('provider_name').value = item.provider_name;
document.getElementById('api_base').value = item.api_base; document.getElementById('api_base').value = item.api_base;
document.getElementById('api_key').value = item.api_key || ''; document.getElementById('api_key').value = item.api_key || '';
document.getElementById('model').value = item.model || ''; document.getElementById('model').value = item.model || '';
document.getElementById('max_tokens').value = item.max_tokens;
document.getElementById('chunk_size').value = item.chunk_size;
document.getElementById('timeout').value = item.timeout;
document.getElementById('description').value = item.description || ''; document.getElementById('description').value = item.description || '';
document.getElementById('sort_order').value = item.sort_order; document.getElementById('sort_order').value = item.sort_order;
document.getElementById('is_active').value = item.is_active ? 'true' : 'false'; document.getElementById('is_active').value = item.is_active ? 'true' : 'false';
modal.show(); modal.show();
} }
function saveBackup() { function saveLLM() {
const id = document.getElementById('backup_id').value; const id = document.getElementById('llm_id').value;
const data = { const data = {
provider_name: document.getElementById('provider_name').value, provider_name: document.getElementById('provider_name').value,
api_base: document.getElementById('api_base').value, api_base: document.getElementById('api_base').value,
api_key: document.getElementById('api_key').value, api_key: document.getElementById('api_key').value,
model: document.getElementById('model').value, model: document.getElementById('model').value,
max_tokens: parseInt(document.getElementById('max_tokens').value) || 8000,
chunk_size: parseInt(document.getElementById('chunk_size').value) || 2000,
timeout: parseInt(document.getElementById('timeout').value) || 180,
description: document.getElementById('description').value, description: document.getElementById('description').value,
sort_order: parseInt(document.getElementById('sort_order').value) || 0, sort_order: parseInt(document.getElementById('sort_order').value) || 0,
is_active: document.getElementById('is_active').value === 'true' is_active: document.getElementById('is_active').value === 'true'
@@ -317,8 +264,8 @@
.catch(err => alert('请求失败: ' + err)); .catch(err => alert('请求失败: ' + err));
} }
function testBackup(id) { function testLLM(id) {
const div = document.getElementById('backupTestResult'); const div = document.getElementById('testResult');
div.style.display = 'block'; div.style.display = 'block';
div.innerHTML = '<div class="alert alert-info"><i class="bi bi-hourglass-split"></i> 测试中...</div>'; div.innerHTML = '<div class="alert alert-info"><i class="bi bi-hourglass-split"></i> 测试中...</div>';
@@ -326,24 +273,58 @@
.then(r => r.json()) .then(r => r.json())
.then(res => { .then(res => {
div.innerHTML = res.success div.innerHTML = res.success
? `<div class="alert alert-success"><i class="bi bi-check-circle"></i> ${res.provider} 连接成功</div>` ? `<div class="alert alert-success"><i class="bi bi-check-circle"></i> ${res.provider} 连接成功!模型: ${res.model}</div>`
: `<div class="alert alert-danger"><i class="bi bi-x-circle"></i> 连接失败: ${res.error}</div>`; : `<div class="alert alert-danger"><i class="bi bi-x-circle"></i> 连接失败: ${res.error}</div>`;
}) })
.catch(err => div.innerHTML = `<div class="alert alert-danger">请求失败: ${err}</div>`); .catch(err => div.innerHTML = `<div class="alert alert-danger">请求失败: ${err}</div>`);
} }
function toggleBackup(id) { function testFormConnection() {
const data = {
api_base: document.getElementById('api_base').value,
api_key: document.getElementById('api_key').value,
model: document.getElementById('model').value
};
const div = document.getElementById('testResult');
div.style.display = 'block';
div.innerHTML = '<div class="alert alert-info"><i class="bi bi-hourglass-split"></i> 测试中...</div>';
fetch('/admin/llm_config/test', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(data)
})
.then(r => r.json())
.then(res => {
div.innerHTML = res.success
? `<div class="alert alert-success"><i class="bi bi-check-circle"></i> 连接成功!</div>`
: `<div class="alert alert-danger"><i class="bi bi-x-circle"></i> 连接失败: ${res.error}</div>`;
})
.catch(err => div.innerHTML = `<div class="alert alert-danger">请求失败: ${err}</div>`);
}
function setDefault(id) {
fetch(`/admin/backup-llm/${id}/set-default`, {method: 'POST'})
.then(r => r.json())
.then(res => {
if (res.success) location.reload();
else alert('设置失败');
});
}
function toggleLLM(id) {
fetch(`/admin/backup-llm/${id}/toggle`, {method: 'POST'}) fetch(`/admin/backup-llm/${id}/toggle`, {method: 'POST'})
.then(r => r.json()) .then(r => r.json())
.then(res => res.success ? location.reload() : alert('操作失败')); .then(res => res.success ? location.reload() : alert('操作失败'));
} }
function deleteBackup(id) { function deleteLLM(id) {
if (confirm('确定删除此备用接口?')) { if (confirm('确定删除此接口?')) {
fetch(`/admin/backup-llm/${id}/delete`, {method: 'POST'}) fetch(`/admin/backup-llm/${id}/delete`, {method: 'POST'})
.then(r => r.json()) .then(r => r.json())
.then(res => { .then(res => {
if (res.success) document.getElementById(`backup-row-${id}`).remove(); if (res.success) document.getElementById(`llm-row-${id}`).remove();
else alert('删除失败'); else alert('删除失败');
}); });
} }