AI配置化V0.1

src/main/resources/static/admin/index.html

@@ -204,8 +204,11 @@
 
             <div class="toolbar">
                 <span class="toolbar-title">AI 助手</span>
+                <!-- 当前用哪个模型。放在工具栏上让「切错了模型」一眼可见 -->
+                <select id="ai-config-select" title="切换模型配置"></select>
                 <span class="toolbar-note" id="ai-hint"></span>
                 <div class="spacer"></div>
+                <button id="ai-config-manage">配置模型…</button>
                 <button id="ai-new">+ 新对话</button>
             </div>
 
@@ -251,6 +254,59 @@
     </div>
 </div>
 
+<!-- ==================== AI 模型配置 ==================== -->
+<div id="ai-cfg">
+    <div class="cfg-box">
+        <div class="cfg-head">
+            <h3>AI 模型配置</h3>
+            <div class="spacer"></div>
+            <button class="primary" id="cfg-add">+ 新增</button>
+            <button id="cfg-close">关闭</button>
+        </div>
+        <p class="cfg-tip">
+            「默认」用的是服务器 <code>.env</code> 里那套，不能在这里改。
+            下面配的几条会存到你自己的账号下，手机端也能看到并切换。
+        </p>
+        <div id="cfg-list" class="cfg-list"></div>
+    </div>
+</div>
+
+<!-- ==================== 新增/编辑单条配置 ==================== -->
+<div id="cfg-edit">
+    <div class="dialog-box cfg-edit-box">
+        <h3 id="cfg-edit-title">新增配置</h3>
+        <label class="cfg-field">
+            <span>名称</span>
+            <input id="cfg-f-name" placeholder="留空则用模型名，比如：DeepSeek 便宜">
+        </label>
+        <label class="cfg-field">
+            <span>Base URL</span>
+            <input id="cfg-f-url" placeholder="https://api.deepseek.com/v1">
+            <em>结尾不要带 /chat/completions</em>
+        </label>
+        <label class="cfg-field">
+            <span>API Key</span>
+            <input id="cfg-f-key" type="password" placeholder="sk-...">
+            <em id="cfg-f-key-hint">只存在你的服务器上，接口只回掩码</em>
+        </label>
+        <label class="cfg-field">
+            <span>模型名称</span>
+            <input id="cfg-f-model" placeholder="deepseek-chat">
+        </label>
+        <div class="cfg-presets">
+            <span>常用：</span>
+            <button type="button" class="cfg-preset" data-url="https://api.deepseek.com/v1" data-model="deepseek-chat">DeepSeek</button>
+            <button type="button" class="cfg-preset" data-url="https://dashscope.aliyuncs.com/compatible-mode/v1" data-model="qwen-plus">通义</button>
+            <button type="button" class="cfg-preset" data-url="https://open.bigmodel.cn/api/paas/v4" data-model="glm-4">智谱</button>
+            <button type="button" class="cfg-preset" data-url="https://api.openai.com/v1" data-model="gpt-4o-mini">OpenAI</button>
+        </div>
+        <div class="dialog-foot">
+            <button id="cfg-edit-cancel">取消</button>
+            <button class="primary" id="cfg-edit-save">保存</button>
+        </div>
+    </div>
+</div>
+
 <!-- ==================== 相片大图查看 ==================== -->
 <div id="photo-view">
     <div class="pv-head">