refactor(frontend): 优化提供商表单布局和固定类型端点管理

- 提供商表单调整字段顺序:提供商类型放到名称前面,描述和主站链接放在同一行
- 简化固定类型提示文本
- 固定类型 Provider 端点管理中隐藏删除按钮
- 移除多余的锁定提示文本
This commit is contained in:
fawney19
2026-02-04 16:44:26 +08:00
parent 4c1ec66365
commit c996078f30
2 changed files with 27 additions and 32 deletions

View File

@@ -64,6 +64,7 @@
</Button> </Button>
<!-- 删除 --> <!-- 删除 -->
<Button <Button
v-if="!isFixedProvider"
variant="ghost" variant="ghost"
size="icon" size="icon"
class="h-7 w-7 hover:text-destructive" class="h-7 w-7 hover:text-destructive"
@@ -439,13 +440,6 @@
> >
<p>所有 API 格式都已配置</p> <p>所有 API 格式都已配置</p>
</div> </div>
<div
v-else-if="isFixedProvider"
class="text-center py-6 text-xs text-muted-foreground"
>
固定类型 Provider 的端点已锁定并由系统自动维护。
</div>
</div> </div>
<template #footer> <template #footer>

View File

@@ -18,14 +18,6 @@
</h3> </h3>
<div class="grid grid-cols-2 gap-4"> <div class="grid grid-cols-2 gap-4">
<div class="space-y-1.5">
<Label for="name">名称 *</Label>
<Input
id="name"
v-model="form.name"
placeholder="例如: OpenAI 主账号"
/>
</div>
<div class="space-y-1.5"> <div class="space-y-1.5">
<Label>提供商类型</Label> <Label>提供商类型</Label>
<Select <Select
@@ -48,27 +40,36 @@
v-if="!isEditMode && form.provider_type !== 'custom'" v-if="!isEditMode && form.provider_type !== 'custom'"
class="text-xs text-muted-foreground" class="text-xs text-muted-foreground"
> >
固定类型 Provider 将自动创建并锁定端点base_url/custom_path 不可修改 反代使用固定端点且不可修改
</p> </p>
</div> </div>
<div class="space-y-1.5">
<Label for="name">名称 *</Label>
<Input
id="name"
v-model="form.name"
placeholder="例如: OpenAI 主账号"
/>
</div>
</div> </div>
<div class="space-y-1.5"> <div class="grid grid-cols-2 gap-4">
<Label for="description">描述</Label> <div class="space-y-1.5">
<Input <Label for="description">描述</Label>
id="description" <Input
v-model="form.description" id="description"
placeholder="提供商描述(可选)" v-model="form.description"
/> placeholder="提供商描述(可选)"
</div> />
</div>
<div class="space-y-1.5"> <div class="space-y-1.5">
<Label for="website">主站链接</Label> <Label for="website">主站链接</Label>
<Input <Input
id="website" id="website"
v-model="form.website" v-model="form.website"
placeholder="https://example.com可选" placeholder="https://example.com可选"
/> />
</div>
</div> </div>
</div> </div>