This commit is contained in:
2025-12-23 17:09:57 +08:00
parent 7f89fd17d3
commit 0ee6263970
3 changed files with 37 additions and 21 deletions
+31 -21
View File
@@ -3,12 +3,12 @@
<h2 class="page-title">AI配置管理</h2>
<el-card class="search-card">
<el-form :model="searchForm" :inline="true">
<el-form :model="searchForm" :inline="true" class="search-form">
<el-form-item label="关键词">
<el-input v-model="searchForm.keyword" placeholder="配置名称/键值/描述" clearable />
<el-input v-model="searchForm.keyword" placeholder="配置名称/键值/描述" clearable style="width: 200px" />
</el-form-item>
<el-form-item label="配置类型">
<el-select v-model="searchForm.configType" placeholder="请选择配置类型" clearable>
<el-select v-model="searchForm.configType" placeholder="请选择配置类型" clearable style="width: 150px">
<el-option
v-for="item in CONFIG_TYPE_OPTIONS"
:key="item.value"
@@ -18,7 +18,7 @@
</el-select>
</el-form-item>
<el-form-item label="服务提供商">
<el-select v-model="searchForm.provider" placeholder="请选择服务提供商" clearable>
<el-select v-model="searchForm.provider" placeholder="请选择服务提供商" clearable style="width: 150px">
<el-option
v-for="item in PROVIDER_OPTIONS"
:key="item.value"
@@ -28,7 +28,7 @@
</el-select>
</el-form-item>
<el-form-item label="使用场景">
<el-select v-model="searchForm.usageScenario" placeholder="请选择使用场景" clearable>
<el-select v-model="searchForm.usageScenario" placeholder="请选择使用场景" clearable style="width: 150px">
<el-option
v-for="item in USAGE_SCENARIO_OPTIONS"
:key="item.value"
@@ -38,13 +38,13 @@
</el-select>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="searchForm.isEnabled" placeholder="请选择状态" clearable>
<el-select v-model="searchForm.isEnabled" placeholder="请选择状态" clearable style="width: 120px">
<el-option label="启用" :value="1" />
<el-option label="禁用" :value="0" />
</el-select>
</el-form-item>
<el-form-item label="环境">
<el-select v-model="searchForm.environment" placeholder="请选择环境" clearable>
<el-select v-model="searchForm.environment" placeholder="请选择环境" clearable style="width: 130px">
<el-option
v-for="item in ENVIRONMENT_OPTIONS"
:key="item.value"
@@ -289,24 +289,14 @@
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-col :span="12">
<el-form-item label="Client ID">
<el-input v-model="formData.clientId" placeholder="OAuth客户端ID" />
<el-input v-model="formData.clientId" placeholder="请输入OAuth客户端ID" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="Client Secret">
<el-input
v-model="formData.clientSecret"
type="password"
show-password
placeholder="OAuth客户端密钥"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="12">
<el-form-item label="Grant Type">
<el-select v-model="formData.grantType" placeholder="授权类型" clearable style="width: 100%">
<el-select v-model="formData.grantType" placeholder="请选择授权类型" clearable style="width: 100%">
<el-option label="client_credentials" value="client_credentials" />
<el-option label="authorization_code" value="authorization_code" />
<el-option label="password" value="password" />
@@ -316,6 +306,15 @@
</el-col>
</el-row>
<el-form-item label="Client Secret">
<el-input
v-model="formData.clientSecret"
type="password"
show-password
placeholder="请输入OAuth客户端密钥"
/>
</el-form-item>
<el-row :gutter="20" v-if="formData.configType === 'coze'">
<el-col :span="12">
<el-form-item label="Bot ID">
@@ -1581,6 +1580,17 @@ onMounted(() => {
margin-bottom: 20px;
}
.search-form {
display: flex;
flex-wrap: wrap;
gap: 10px;
.el-form-item {
margin-bottom: 10px;
margin-right: 15px;
}
}
.table-card {
.card-header {
display: flex;