diff --git a/main/manager-web/src/components/ModelEditDialog.vue b/main/manager-web/src/components/ModelEditDialog.vue index 3d545918..45a4c94e 100644 --- a/main/manager-web/src/components/ModelEditDialog.vue +++ b/main/manager-web/src/components/ModelEditDialog.vue @@ -15,11 +15,11 @@
是否启用 - +
设为默认 - +
@@ -59,21 +59,26 @@
调用信息
-
+
- -
- - - - - - -
- - - - + + @@ -111,7 +116,7 @@ const DEFAULT_CONFIG_JSON = { export default { name: "ModelEditDialog", - props: { + props: { visible: { type: Boolean, default: false }, modelData: { type: Object, @@ -135,12 +140,56 @@ export default { docLink: "", remark: "", sort: 0, - apiKey: "", - apiUrl: "", configJson: JSON.parse(JSON.stringify(DEFAULT_CONFIG_JSON)) } }; }, + computed: { + callInfoFields() { + const fieldsMap = { + llm: [ + { label: '模型名称', prop: 'model_name', placeholder: '请输入model_name' }, + { label: '接口地址', prop: 'base_url', placeholder: '请输入base_url' }, + { label: '秘钥信息', prop: 'api_key', placeholder: '请输入api_key', type: 'password' } + ], + vad: [ + { label: '模型目录', prop: 'model_dir', placeholder: '请输入model_dir' }, + { label: '阈值', prop: 'threshold', placeholder: '请输入threshold' }, + { label: '静音时长', prop: 'min_silence_duration_ms', placeholder: '请输入min_silence_duration_ms' } + ], + asr: [ + { label: 'App ID', prop: 'appid', placeholder: '请输入appid' }, + { label: '集群', prop: 'cluster', placeholder: '请输入cluster' }, + { label: '访问令牌', prop: 'access_token', placeholder: '请输入access_token', type: 'password' }, + { label: '输出目录', prop: 'output_dir', placeholder: '请输入output_dir' } + ], + intent: [ + { label: '模型', prop: 'llm', placeholder: '请输入model' }, + { label: '类型', prop: 'type', placeholder: '请输入类型' } + ], + tts: [ + { label: '模型', prop: 'model', placeholder: '请输入model' }, + { label: '语音ID', prop: 'voice_id', placeholder: '请输入voice_id' }, + { label: 'Group ID', prop: 'group_id', placeholder: '请输入group_id' }, + { label: 'API Key', prop: 'api_key', placeholder: '请输入api_key', type: 'password' }, + ], + memory: [ + { label: 'API Key', prop: 'api_key', placeholder: '请输入api_key', type: 'password' }, + { label: '类型', prop: 'type', placeholder: '请输入类型' } + ] + }; + + return fieldsMap[this.modelType] || []; + }, + chunkedCallInfoFields() { + const chunkSize = 2; + const result = []; + for (let i = 0; i < this.callInfoFields.length; i += chunkSize) { + result.push(this.callInfoFields.slice(i, i + chunkSize)); + } + return result; + }, + }, watch: { modelType() { this.resetProviders() @@ -169,8 +218,6 @@ export default { docLink: "", remark: "", sort: 0, - apiKey: "", - apiUrl: "", configJson: JSON.parse(JSON.stringify(DEFAULT_CONFIG_JSON)) }; }, @@ -184,13 +231,18 @@ export default { if (data.code === 0 && data.data) { const model = data.data; - let configJson = model.configJson || {}; if (typeof configJson !== 'object' || Array.isArray(configJson)) { console.warn('Invalid configJson format, using default'); configJson = {}; } + this.callInfoFields.forEach(field => { + if (!configJson.hasOwnProperty(field.prop)) { + configJson[field.prop] = ''; + } + }); + this.form = { id: model.id || "", modelType: model.modelType || "", @@ -201,9 +253,6 @@ export default { docLink: model.docLink || "", remark: model.remark || "", sort: model.sort || 0, - apiKey: configJson.api_key || "", - apiUrl: configJson.base_url || "", - name:configJson.model_name, configJson: { ...JSON.parse(JSON.stringify(DEFAULT_CONFIG_JSON)), ...configJson, @@ -219,21 +268,19 @@ export default { }, handleSave() { const formData = { - modelCode: this.form.code, - modelName: this.form.name, - supplier: this.form.supplier, + modelCode: this.form.modelCode, + modelName: this.form.modelName, isDefault: this.form.isDefault ? 1 : 0, - isEnabled: this.form.isEnable ? 1 : 0, - docLink: this.form.docUrl, - sort: this.form.sort, + isEnabled: this.form.isEnabled ? 1 : 0, + docLink: this.form.docLink, remark: this.form.remark, + sort: this.form.sort || 0, configJson: { - provider: this.form.supplier, - modelName: this.form.modelName, - apiUrl: this.form.apiUrl, - apiKey: this.form.apiKey + ...this.form.configJson, + type: this.form.configJson.type || this.modelType } }; + this.$emit("save", formData); this.dialogVisible = false; }, @@ -248,7 +295,6 @@ export default { this.providersLoaded = true; }); }, - } }; @@ -413,4 +459,22 @@ export default { .custom-input-bg .el-input__inner { height: 32px; } + + +.custom-form .el-form-item { + margin-bottom: 20px; +} + + +.custom-input-bg .el-input__inner { + height: 32px; +} + + +.custom-form .el-form-item__label { + color: #3d4566; + font-weight: normal; + text-align: right; + padding-right: 20px; +}