Hass/xiaozhi-esp32-server
1
0
Fork 0
mirror of https://github.com/xinnan-tech/xiaozhi-esp32-server.git synced 2026-07-23 07:33:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

add:RAG

Browse Source
This commit is contained in:
rainv123
2025-11-04 16:21:01 +08:00
parent 4e3701e62c
commit 98011272ff
36 changed files with 7799 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main/manager-web/src/components/HeaderBar.vue
+15 -7
View File
@@ -116,19 +116,19 @@
<div
v-if="isSuperAdmin"
class="equipment-management"
:class="{ 'active-tab': $route.path === '/user-management' }"
@click="goUserManagement"
:class="{ 'active-tab': $route.path === '/knowledge-base-management' || $route.path === '/knowledge-file-upload' }"
@click="goKnowledgeBaseManagement"
>
<img
loading="lazy"
alt=""
src="@/assets/header/user_management.png"
src="@/assets/header/knowledge_base.png"
:style="{
filter:
$route.path === '/user-management' ? 'brightness(0) invert(1)' : 'None',
$route.path === '/knowledge-base-management' || $route.path === '/knowledge-file-upload' ? 'brightness(0) invert(1)' : 'None',
}"
/>
<span class="nav-text">{{ $t("header.userManagement") }}</span>
<span class="nav-text">{{ $t("header.knowledgeBase") }}</span>
</div>
<el-dropdown
v-if="isSuperAdmin"
@@ -141,7 +141,8 @@
$route.path === '/provider-management' ||
$route.path === '/server-side-management' ||
$route.path === '/agent-template-management' ||
$route.path === '/ota-management',
$route.path === '/ota-management' ||
$route.path === '/user-management',
}"
@visible-change="handleParamDropdownVisibleChange"
>
@@ -157,7 +158,8 @@
$route.path === '/provider-management' ||
$route.path === '/server-side-management' ||
$route.path === '/agent-template-management' ||
$route.path === '/ota-management'
$route.path === '/ota-management' ||
$route.path === '/user-management'
? 'brightness(0) invert(1)'
: 'None',
}"
@@ -187,6 +189,9 @@
<el-dropdown-item @click.native="goServerSideManagement">
{{ $t("header.serverSideManagement") }}
</el-dropdown-item>
<el-dropdown-item @click.native="goUserManagement">
{{ $t("header.userManagement") }}
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
@@ -399,6 +404,9 @@ export default {
goModelConfig() {
this.$router.push("/model-config");
},
goKnowledgeBaseManagement() {
this.$router.push("/knowledge-base-management");
},
goVoiceCloneManagement() {
this.$router.push("/voice-clone-management");
},
main/manager-web/src/components/KnowledgeBaseDialog.vue
+267
View File
@@ -0,0 +1,267 @@
<template>
<el-dialog
:title="title"
:visible="dialogVisible"
width="600px"
class="knowledge-base-dialog"
@close="handleClose">
<el-form
ref="knowledgeBaseForm"
:model="form"
:rules="rules"
label-width="100px"
size="medium">
<el-form-item :label="$t('knowledgeBaseDialog.name')" prop="name">
<el-input
v-model="form.name"
:placeholder="$t('knowledgeBaseDialog.namePlaceholder')"
clearable></el-input>
</el-form-item>
<el-form-item :label="$t('knowledgeBaseDialog.description')" prop="description">
<el-input
v-model="form.description"
:placeholder="$t('knowledgeBaseDialog.descriptionPlaceholder')"
type="textarea"
:rows="4"
maxlength="200"
show-word-limit></el-input>
</el-form-item>
<el-form-item :label="$t('knowledgeBaseDialog.ragModel')" prop="ragModelId">
<el-select
v-model="form.ragModelId"
:placeholder="$t('knowledgeBaseDialog.ragModelPlaceholder')"
clearable
filterable
style="width: 100%"
@focus="loadRAGModels">
<el-option
v-for="model in ragModels"
:key="model.id"
:label="model.modelName"
:value="model.id">
<span style="float: left">{{ model.modelName }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ model.providerCode }}</span>
</el-option>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="handleClose">{{ $t('knowledgeBaseDialog.cancel') }}</el-button>
<el-button type="primary" @click="handleSubmit">{{ $t('knowledgeBaseDialog.confirm') }}</el-button>
</div>
</el-dialog>
</template>
<script>
import Api from "@/apis/api";
export default {
name: "KnowledgeBaseDialog",
props: {
title: {
type: String,
default: ""
},
visible: {
type: Boolean,
default: false
},
form: {
type: Object,
default: () => ({
id: null,
datasetId: null,
ragModelId: null,
name: "",
description: ""
})
}
},
data() {
return {
dialogVisible: this.visible,
ragModels: [],
rules: {
name: [
{
required: true,
message: this.$t("knowledgeBaseDialog.nameRequired"),
trigger: "blur"
},
{
min: 1,
max: 50,
message: this.$t("knowledgeBaseDialog.nameLength"),
trigger: "blur"
},
{
pattern: /^[\u4e00-\u9fa5a-zA-Z0-9\s-_]+$/,
message: this.$t("knowledgeBaseDialog.namePattern"),
trigger: "blur"
}
],
description: [
{
max: 200,
message: this.$t("knowledgeBaseDialog.descriptionLength"),
trigger: "blur"
}
],
ragModelId: [
{
required: true,
message: this.$t("knowledgeBaseDialog.ragModelRequired"),
trigger: "change"
}
]
}
};
},
watch: {
visible(val) {
this.dialogVisible = val;
if (val) {
// 对话框显示时加载RAG模型列表
this.loadRAGModels();
// 如果是新增知识库且没有设置ragModelId，则默认选择第一个RAG模型
if (!this.form.id && !this.form.ragModelId && this.ragModels.length > 0) {
this.$set(this.form, 'ragModelId', this.ragModels[0].id);
}
if (this.$refs.knowledgeBaseForm) {
this.$refs.knowledgeBaseForm.clearValidate();
}
}
},
// 监听RAG模型列表变化，确保新增时能正确设置默认值
ragModels(newModels) {
if (newModels.length > 0) {
// 如果是新增知识库且没有设置ragModelId，则默认选择第一个RAG模型
if (!this.form.id && !this.form.ragModelId) {
this.$set(this.form, 'ragModelId', newModels[0].id);
}
}
}
},
methods: {
handleClose() {
// 不重置表单字段，以便在编辑时能保留之前的选择
// 只在对话框关闭时重置验证状态
if (this.$refs.knowledgeBaseForm) {
this.$refs.knowledgeBaseForm.clearValidate();
}
this.dialogVisible = false;
this.$emit("update:visible", false);
},
handleSubmit() {
console.log('KnowledgeBaseDialog handleSubmit called');
this.$refs.knowledgeBaseForm.validate(valid => {
console.log('Form validation result:', valid);
if (valid) {
console.log('Emitting submit event with form:', this.form);
this.$emit("submit", {
...this.form
});
}
});
},
loadRAGModels() {
if (this.ragModels.length > 0) {
return; // 已经加载过，避免重复加载
}
console.log('开始加载RAG模型列表');
Api.model.getRAGModels((res) => {
console.log('RAG模型列表响应:', res);
if (res.data && res.data.code === 0) {
this.ragModels = res.data.data?.list || [];
console.log('RAG模型列表加载成功，共', this.ragModels.length, '个模型');
// 如果是新增知识库且没有设置ragModelId，则默认选择第一个RAG模型
if (!this.form.id && !this.form.ragModelId && this.ragModels.length > 0) {
this.$set(this.form, 'ragModelId', this.ragModels[0].id);
console.log('已设置默认RAG模型:', this.ragModels[0].id);
}
} else {
console.error('获取RAG模型列表失败:', res.data?.msg);
this.$message.error(this.$t('knowledgeBaseDialog.loadRAGModelsFailed'));
}
});
}
}
};
</script>
<style lang="scss" scoped>
.knowledge-base-dialog {
::v-deep .el-dialog {
border-radius: 20px;
overflow: hidden;
}
::v-deep .el-dialog__body {
padding: 20px 30px;
}
::v-deep .el-form-item {
margin-bottom: 20px;
}
::v-deep .el-form-item__label {
font-weight: 500;
color: #34495e;
font-size: 14px;
}
::v-deep .el-input {
.el-input__inner {
height: 36px;
font-size: 14px;
border-radius: 4px;
border: 1px solid #ddd;
transition: all 0.3s ease;
&:focus {
border-color: #5f70f3;
box-shadow: 0 0 0 2px rgba(95, 112, 243, 0.2);
}
}
}
::v-deep .el-textarea {
.el-textarea__inner {
font-size: 14px;
border-radius: 4px;
border: 1px solid #ddd;
transition: all 0.3s ease;
&:focus {
border-color: #5f70f3;
box-shadow: 0 0 0 2px rgba(95, 112, 243, 0.2);
}
}
}
::v-deep .el-select {
.el-input__inner {
height: 36px;
font-size: 14px;
border-radius: 4px;
border: 1px solid #ddd;
transition: all 0.3s ease;
&:focus {
border-color: #5f70f3;
box-shadow: 0 0 0 2px rgba(95, 112, 243, 0.2);
}
}
}
.dialog-footer {
display: flex;
justify-content: flex-end;
gap: 10px;
}
}
</style>
main/manager-web/src/components/ProviderDialog.vue
+3 -1
View File
@@ -88,6 +88,7 @@
<el-option :label="$t('providerDialog.booleanType')" value="boolean"></el-option>
<el-option :label="$t('providerDialog.dictType')" value="dict"></el-option>
<el-option :label="$t('providerDialog.arrayType')" value="array"></el-option>
<el-option :label="$t('providerDialog.ragType')" value="RAG"></el-option>
</el-select>
</template>
<template v-else>
@@ -165,7 +166,8 @@ export default {
'number': this.$t('providerDialog.numberType'),
'boolean': this.$t('providerDialog.booleanType'),
'dict': this.$t('providerDialog.dictType'),
'array': this.$t('providerDialog.arrayType')
'array': this.$t('providerDialog.arrayType'),
'RAG': this.$t('providerDialog.ragType')
};
return typeMap[type];
},