ui: 调整设置页AI模型布局

This commit is contained in:
chengma
2026-06-29 11:45:10 +08:00
parent 3a79e34eab
commit 94fdae859d
6 changed files with 149 additions and 98 deletions
+17 -19
View File
@@ -18,31 +18,29 @@
<text class="tabT" x="330" y="68">③ 更新shopee</text><text class="tabT" x="492" y="68">④ 账号管理</text>
<text class="tabTA" x="640" y="68">⑤ 设置</text>
<!-- A. AI 模型管理 (master-detail) -->
<!-- A. AI 模型管理 (single-column master-detail) -->
<g transform="translate(18,94)">
<rect class="panel" x="0" y="0" width="904" height="170" rx="6"/>
<text class="sec" x="14" y="24">AI 模型管理</text>
<!-- left: model selector -->
<rect class="sub" x="14" y="36" width="250" height="120" rx="6"/>
<text class="lbl" x="26" y="58">模型</text>
<rect class="inp" x="26" y="64" width="226" height="26" rx="5"/><text class="cell" x="36" y="81">Nano Banana 2 ▼</text>
<rect class="btn" x="26" y="98" width="70" height="26" rx="5"/><text class="btnT" x="44" y="115">新增</text>
<rect class="btn" x="102" y="98" width="70" height="26" rx="5"/><text class="btnT" x="120" y="115">删除</text>
<rect class="btnP" x="178" y="98" width="74" height="26" rx="5"/><text class="btnPT" x="190" y="115">测试连接</text>
<text class="mut" x="26" y="142">至少各 1 个 文本/图像模型</text>
<!-- top: model selector -->
<text class="lbl" x="14" y="58">AI 模型</text>
<rect class="inp" x="76" y="42" width="350" height="26" rx="5"/><text class="cell" x="86" y="59">Nano Banana 2 · 图像 ▼</text>
<rect class="btn" x="440" y="42" width="70" height="26" rx="5"/><text class="btnT" x="458" y="59">新增</text>
<rect class="btn" x="518" y="42" width="70" height="26" rx="5"/><text class="btnT" x="536" y="59">删除</text>
<text class="mut" x="606" y="59">至少各 1 个 文本/图像模型</text>
<!-- right: detail form -->
<text class="lbl" x="286" y="56">服务商名称</text><rect class="inp" x="372" y="42" width="180" height="24" rx="4"/><text class="cell" x="382" y="59">Nano Banana 2</text>
<text class="lbl" x="572" y="56">网址</text><rect class="inp" x="612" y="42" width="278" height="24" rx="4"/><text class="cell" x="620" y="59" font-size="11" fill="#586073">https://api.vectorengine.ai/v1/chat/completions</text>
<!-- detail form below selector -->
<text class="sec" x="14" y="92">模型详情</text>
<text class="lbl" x="14" y="122">服务商名</text><rect class="inp" x="86" y="106" width="210" height="24" rx="4"/><text class="cell" x="96" y="123">Nano Banana 2</text>
<text class="lbl" x="318" y="122">类别</text><rect class="inp" x="360" y="106" width="100" height="24" rx="4"/><text class="cell" x="370" y="123">图像 ▼</text>
<text class="lbl" x="488" y="122">api_type</text><rect class="inp" x="548" y="106" width="100" height="24" rx="4"/><text class="cell" x="558" y="123">auto ▼</text>
<text class="lbl" x="676" y="122">连接超时</text><rect class="inp" x="744" y="106" width="56" height="24" rx="4"/><text class="cell" x="756" y="123">30</text><text class="mut" x="806" y="123">秒</text>
<text class="lbl" x="286" y="92">类别</text><rect class="inp" x="372" y="78" width="92" height="24" rx="4"/><text class="cell" x="382" y="95">图像 ▼</text>
<text class="lbl" x="478" y="92">api_type</text><rect class="inp" x="538" y="78" width="100" height="24" rx="4"/><text class="cell" x="548" y="95">auto ▼</text>
<text class="lbl" x="656" y="92">连接超时</text><rect class="inp" x="724" y="78" width="56" height="24" rx="4"/><text class="cell" x="736" y="95">30</text><text class="mut" x="786" y="95">秒</text>
<text class="lbl" x="286" y="128">模型ID</text><rect class="inp" x="372" y="114" width="266" height="24" rx="4"/><text class="cell" x="382" y="131" font-size="11" fill="#586073">gemini-3.1-flash-image-preview</text>
<text class="lbl" x="656" y="128">密钥</text><rect class="inp" x="724" y="114" width="140" height="24" rx="4"/><text class="cell" x="734" y="131" fill="#8a92a0">••••••••</text>
<rect class="btn" x="868" y="114" width="22" height="24" rx="4"/><text class="btnT" x="874" y="131">👁</text>
<text class="lbl" x="14" y="152">网址</text><rect class="inp" x="86" y="136" width="360" height="24" rx="4"/><text class="cell" x="96" y="153" font-size="11" fill="#586073">https://api.vectorengine.ai/v1/chat/completions</text>
<text class="lbl" x="466" y="152">密钥</text><rect class="inp" x="510" y="136" width="180" height="24" rx="4"/><text class="cell" x="520" y="153" fill="#8a92a0">••••••••</text>
<rect class="btn" x="706" y="136" width="86" height="24" rx="4"/><text class="btnT" x="722" y="153">保存</text>
<rect class="btnP" x="802" y="136" width="88" height="24" rx="4"/><text class="btnPT" x="820" y="153">测试连接</text>
</g>
<!-- B. 角色 + 生成参数 -->

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB