Skip to content

perf: 优化模型管理基础模型提示 #289

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Apr 28, 2024
Merged

perf: 优化模型管理基础模型提示 #289

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
77 changes: 58 additions & 19 deletions ui/src/views/template/component/CreateModelDialog.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,37 @@
<template>
<el-dialog v-model="dialogVisible" width="600px" :close-on-click-modal="false" :close-on-press-escape="false"
:destroy-on-close="true" :before-close="close">
<el-dialog
v-model="dialogVisible"
width="600px"
:close-on-click-modal="false"
:close-on-press-escape="false"
:destroy-on-close="true"
:before-close="close"
>
<template #header="{ close, titleId, titleClass }">
<el-breadcrumb separator=">">
<el-breadcrumb-item>
<span @click="toSelectProvider" class="select-provider">选择供应商</span></el-breadcrumb-item>
<el-breadcrumb-item><span class="active-breadcrumb">{{
`添加 ${providerValue?.name}`
}}</span></el-breadcrumb-item>
<span @click="toSelectProvider" class="select-provider"
>选择供应商</span
></el-breadcrumb-item
>
<el-breadcrumb-item
><span class="active-breadcrumb">{{
`添加 ${providerValue?.name}`
}}</span></el-breadcrumb-item
>
</el-breadcrumb>
</template>

<DynamicsForm v-model="form_data" :render_data="model_form_field" :model="form_data" ref="dynamicsFormRef"
label-position="top" require-asterisk-position="right" class="mb-24" label-width="auto">
<DynamicsForm
v-model="form_data"
:render_data="model_form_field"
:model="form_data"
ref="dynamicsFormRef"
label-position="top"
require-asterisk-position="right"
class="mb-24"
label-width="auto"
>
<template #default>
<el-form-item prop="name" :rules="base_form_data_rule.name">
<template #label>
Expand All @@ -28,16 +47,30 @@
</el-tooltip>
</div>
</template>
<el-input v-model="base_form_data.name" maxlength="20" show-word-limit placeholder="请给基础模型设置一个名称" />
<el-input
v-model="base_form_data.name"
maxlength="20"
show-word-limit
placeholder="请给基础模型设置一个名称"
/>
</el-form-item>
<el-form-item prop="model_type" :rules="base_form_data_rule.model_type">
<template #label>
<span>模型类型</span>
</template>
<el-select v-loading="model_type_loading" @change="list_base_model($event)"
v-model="base_form_data.model_type" class="w-full m-2" placeholder="请选择模型类型">
<el-option v-for="item in model_type_list" :key="item.value" :label="item.key"
:value="item.value"></el-option>
<el-select
v-loading="model_type_loading"
@change="list_base_model($event)"
v-model="base_form_data.model_type"
class="w-full m-2"
placeholder="请选择模型类型"
>
<el-option
v-for="item in model_type_list"
:key="item.value"
:label="item.key"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item prop="model_name" :rules="base_form_data_rule.model_name">
Expand All @@ -48,17 +81,23 @@
</div>
<el-tooltip effect="dark" placement="right">
<template #content>
<p>为供应商的 LLM 模型，支持自定义输入</p>
<p>
下拉选项是常用的一些大语言模型如：gpt-3.5-turbo、gpt-4 等
</p>
<p>若下拉选项没有列出想要添加的LLM模型，自定义输入模型名称后回车即可</p>
<p>注意，基础模型需要与供应商的模型名称一致</p>
</template>
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
</el-tooltip>
</div>
</template>
<el-select @change="getModelForm($event)" v-loading="base_model_loading" v-model="base_form_data.model_name"
class="w-full m-2" placeholder="自定义输入基础模型后回车即可" filterable allow-create default-first-option>
<el-select
@change="getModelForm($event)"
v-loading="base_model_loading"
v-model="base_form_data.model_name"
class="w-full m-2"
placeholder="自定义输入基础模型后回车即可"
filterable
allow-create
default-first-option
>
<el-option v-for="item in base_model_list" :key="item.name" :value="item.name">
<template #default>
<div class="flex align-center" style="display: inline-flex">
Expand Down
71 changes: 53 additions & 18 deletions ui/src/views/template/component/EditModel.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,31 @@
<template>
<el-dialog v-model="dialogVisible" width="600px" :close-on-click-modal="false" :close-on-press-escape="false"
:destroy-on-close="true" :before-close="close">
<el-dialog
v-model="dialogVisible"
width="600px"
:close-on-click-modal="false"
:close-on-press-escape="false"
:destroy-on-close="true"
:before-close="close"
>
<template #header="{ close, titleId, titleClass }">
<el-breadcrumb separator=">">
<el-breadcrumb-item><span class="active-breadcrumb">{{
`编辑 ${providerValue?.name}`
}}</span></el-breadcrumb-item>
<el-breadcrumb-item
><span class="active-breadcrumb">{{
`编辑 ${providerValue?.name}`
}}</span></el-breadcrumb-item
>
</el-breadcrumb>
</template>

<DynamicsForm v-loading="formLoading" v-model="form_data" :render_data="model_form_field" :model="form_data"
ref="dynamicsFormRef" label-position="top" require-asterisk-position="right">
<DynamicsForm
v-loading="formLoading"
v-model="form_data"
:render_data="model_form_field"
:model="form_data"
ref="dynamicsFormRef"
label-position="top"
require-asterisk-position="right"
>
<template #default>
<el-form-item prop="name" :rules="base_form_data_rule.name">
<template #label>
Expand All @@ -26,16 +41,30 @@
</el-tooltip>
</div>
</template>
<el-input v-model="base_form_data.name" maxlength="20" show-word-limit placeholder="请给基础模型设置一个名称" />
<el-input
v-model="base_form_data.name"
maxlength="20"
show-word-limit
placeholder="请给基础模型设置一个名称"
/>
</el-form-item>
<el-form-item prop="model_type" :rules="base_form_data_rule.model_type">
<template #label>
<span>模型类型</span>
</template>
<el-select v-loading="model_type_loading" @change="list_base_model($event)"
v-model="base_form_data.model_type" class="w-full m-2" placeholder="请选择模型类型">
<el-option v-for="item in model_type_list" :key="item.value" :label="item.key"
:value="item.value"></el-option>
<el-select
v-loading="model_type_loading"
@change="list_base_model($event)"
v-model="base_form_data.model_type"
class="w-full m-2"
placeholder="请选择模型类型"
>
<el-option
v-for="item in model_type_list"
:key="item.value"
:label="item.key"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item prop="model_name" :rules="base_form_data_rule.model_name">
Expand All @@ -46,17 +75,23 @@
</div>
<el-tooltip effect="dark" placement="right">
<template #content>
<p>为供应商的 LLM 模型，支持自定义输入</p>
<p>
下拉选项是常用的一些大语言模型如：gpt-3.5-turbo、gpt-4 等
</p>
<p>若下拉选项没有列出想要添加的LLM模型，自定义输入模型名称后回车即可</p>
<p>注意，基础模型需要与供应商的模型名称一致</p>
</template>
<AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
</el-tooltip>
</div>
</template>
<el-select @change="getModelForm($event)" v-loading="base_model_loading" v-model="base_form_data.model_name"
class="w-full m-2" placeholder="请选择基础模型" filterable allow-create default-first-option>
<el-select
@change="getModelForm($event)"
v-loading="base_model_loading"
v-model="base_form_data.model_name"
class="w-full m-2"
placeholder="请选择基础模型"
filterable
allow-create
default-first-option
>
<el-option v-for="item in base_model_list" :key="item.name" :value="item.name">
<template #default>
<div class="flex align-center" style="display: inline-flex">
Expand Down