优化
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user