优化设置管理器界面,新增模型版本选择功能,改进Token和推理深度控制组件的交互逻辑,提升用户体验和界面友好性。

This commit is contained in:
Zylan
2025-04-04 09:12:20 +08:00
parent c813b8ab99
commit 39ba773fe9
2 changed files with 286 additions and 731 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -143,21 +143,25 @@
<!-- 1. 首先是最常用的AI模型选择部分 -->
<div class="settings-section model-settings">
<h3><i class="fas fa-robot"></i> 模型设置</h3>
<div class="setting-group">
<label for="modelSelect"><i class="fas fa-microchip"></i> AI模型</label>
<select id="modelSelect">
<option value="gpt-4o">OpenAI - GPT-4o</option>
<option value="gpt-4-turbo">OpenAI - GPT-4 Turbo</option>
<option value="gpt-4">OpenAI - GPT-4</option>
<option value="gpt-3.5-turbo">OpenAI - GPT-3.5 Turbo</option>
<option value="claude-3-opus-20240229">Anthropic - Claude 3 Opus</option>
<option value="claude-3-sonnet-20240229">Anthropic - Claude 3 Sonnet</option>
<option value="claude-3-haiku-20240307" selected>Anthropic - Claude 3 Haiku</option>
<option value="deepseek-v2">DeepSeek - DeepSeek-V2</option>
<option value="qwen-max">Alibaba - 通义千问 Max</option>
</select>
<div id="modelVersionInfo" class="model-version-info">
<i class="fas fa-info-circle"></i> <span>版本: <span id="modelVersionText">-</span></span>
<div class="setting-group model-select-group">
<label><i class="fas fa-robot"></i> AI模型</label>
<div class="model-select-container">
<div class="model-select-display" id="modelSelectDisplay">
<span class="model-name">GPT-4</span>
<span class="capability-badge multimodal" title="支持图像"><i class="fas fa-image"></i></span>
<span class="capability-badge reasoning" title="支持深度思考"><i class="fas fa-brain"></i></span>
<span class="model-version-info">turbo</span>
<i class="fas fa-chevron-down dropdown-arrow"></i>
</div>
<div class="model-select-dropdown" id="modelSelectDropdown">
<!-- 动态填充的模型选项 -->
</div>
</div>
<div class="form-group model-select-original">
<label for="modelSelect">模型:</label>
<select id="modelSelect" class="form-control">
<!-- 模型选项会动态填充 -->
</select>
</div>
</div>
<div class="setting-group">
@@ -260,9 +264,14 @@
</div>
</div>
</div>
</div>
<!-- 系统提示词设置单独一个section -->
<div class="settings-section prompt-settings">
<h3><i class="fas fa-comment-alt"></i> 系统提示词</h3>
<div class="setting-group prompt-setting-group">
<div class="prompt-header">
<label for="promptSelect"><i class="fas fa-comment-alt"></i> 系统提示词</label>
<label for="promptSelect"><i class="fas fa-magic"></i> 选择提示模板</label>
<div class="prompt-actions">
<select id="promptSelect" title="选择预设提示词">
</select>