mirror of
https://github.com/xinnan-tech/xiaozhi-esp32-server.git
synced 2026-07-22 23:23:55 +08:00
update:优化rag模型列表接口
This commit is contained in:
@@ -338,11 +338,11 @@ export default {
|
||||
})
|
||||
}).send()
|
||||
},
|
||||
|
||||
|
||||
// 获取RAG模型列表
|
||||
getRAGModels(callback) {
|
||||
RequestService.sendRequest()
|
||||
.url(`${getServiceUrl()}/models/list?modelType=RAG&page=0&limit=100`)
|
||||
.url(`${getServiceUrl()}/datasets/rag-models`)
|
||||
.method('GET')
|
||||
.success((res) => {
|
||||
RequestService.clearRequestTime()
|
||||
|
||||
@@ -9,82 +9,50 @@
|
||||
|
||||
<!-- 中间导航菜单 -->
|
||||
<div class="header-center">
|
||||
<div
|
||||
class="equipment-management"
|
||||
:class="{
|
||||
'active-tab':
|
||||
<div class="equipment-management" :class="{
|
||||
'active-tab':
|
||||
$route.path === '/home' ||
|
||||
$route.path === '/role-config' ||
|
||||
$route.path === '/device-management',
|
||||
}" @click="goHome">
|
||||
<img loading="lazy" alt="" src="@/assets/header/robot.png" :style="{
|
||||
filter:
|
||||
$route.path === '/home' ||
|
||||
$route.path === '/role-config' ||
|
||||
$route.path === '/device-management',
|
||||
}"
|
||||
@click="goHome"
|
||||
>
|
||||
<img
|
||||
loading="lazy"
|
||||
alt=""
|
||||
src="@/assets/header/robot.png"
|
||||
:style="{
|
||||
filter:
|
||||
$route.path === '/home' ||
|
||||
$route.path === '/role-config' ||
|
||||
$route.path === '/device-management'
|
||||
? 'brightness(0) invert(1)'
|
||||
: 'None',
|
||||
}"
|
||||
/>
|
||||
? 'brightness(0) invert(1)'
|
||||
: 'None',
|
||||
}" />
|
||||
<span class="nav-text">{{ $t("header.smartManagement") }}</span>
|
||||
</div>
|
||||
<!-- 普通用户显示音色克隆 -->
|
||||
<div
|
||||
v-if="!isSuperAdmin"
|
||||
class="equipment-management"
|
||||
:class="{ 'active-tab': $route.path === '/voice-clone-management' }"
|
||||
@click="goVoiceCloneManagement"
|
||||
>
|
||||
<img
|
||||
loading="lazy"
|
||||
alt=""
|
||||
src="@/assets/header/voice.png"
|
||||
:style="{
|
||||
filter:
|
||||
$route.path === '/voice-clone-management'
|
||||
? 'brightness(0) invert(1)'
|
||||
: 'None',
|
||||
}"
|
||||
/>
|
||||
<div v-if="!isSuperAdmin" class="equipment-management"
|
||||
:class="{ 'active-tab': $route.path === '/voice-clone-management' }" @click="goVoiceCloneManagement">
|
||||
<img loading="lazy" alt="" src="@/assets/header/voice.png" :style="{
|
||||
filter:
|
||||
$route.path === '/voice-clone-management'
|
||||
? 'brightness(0) invert(1)'
|
||||
: 'None',
|
||||
}" />
|
||||
<span class="nav-text">{{ $t("header.voiceCloneManagement") }}</span>
|
||||
</div>
|
||||
|
||||
<!-- 超级管理员显示音色克隆下拉菜单 -->
|
||||
<el-dropdown
|
||||
v-if="isSuperAdmin"
|
||||
trigger="click"
|
||||
class="equipment-management more-dropdown"
|
||||
:class="{
|
||||
'active-tab':
|
||||
$route.path === '/voice-clone-management' ||
|
||||
$route.path === '/voice-resource-management',
|
||||
}"
|
||||
@visible-change="handleVoiceCloneDropdownVisibleChange"
|
||||
>
|
||||
<el-dropdown v-if="isSuperAdmin" trigger="click" class="equipment-management more-dropdown" :class="{
|
||||
'active-tab':
|
||||
$route.path === '/voice-clone-management' ||
|
||||
$route.path === '/voice-resource-management',
|
||||
}" @visible-change="handleVoiceCloneDropdownVisibleChange">
|
||||
<span class="el-dropdown-link">
|
||||
<img
|
||||
loading="lazy"
|
||||
alt=""
|
||||
src="@/assets/header/voice.png"
|
||||
:style="{
|
||||
filter:
|
||||
$route.path === '/voice-clone-management' ||
|
||||
<img loading="lazy" alt="" src="@/assets/header/voice.png" :style="{
|
||||
filter:
|
||||
$route.path === '/voice-clone-management' ||
|
||||
$route.path === '/voice-resource-management'
|
||||
? 'brightness(0) invert(1)'
|
||||
: 'None',
|
||||
}"
|
||||
/>
|
||||
? 'brightness(0) invert(1)'
|
||||
: 'None',
|
||||
}" />
|
||||
<span class="nav-text">{{ $t("header.voiceCloneManagement") }}</span>
|
||||
<i
|
||||
class="el-icon-arrow-down el-icon--right"
|
||||
:class="{ 'rotate-down': voiceCloneDropdownVisible }"
|
||||
></i>
|
||||
<i class="el-icon-arrow-down el-icon--right" :class="{ 'rotate-down': voiceCloneDropdownVisible }"></i>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item @click.native="goVoiceCloneManagement">
|
||||
@@ -96,84 +64,56 @@
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
|
||||
<div
|
||||
v-if="isSuperAdmin"
|
||||
class="equipment-management"
|
||||
:class="{ 'active-tab': $route.path === '/model-config' }"
|
||||
@click="goModelConfig"
|
||||
>
|
||||
<img
|
||||
loading="lazy"
|
||||
alt=""
|
||||
src="@/assets/header/model_config.png"
|
||||
:style="{
|
||||
filter:
|
||||
$route.path === '/model-config' ? 'brightness(0) invert(1)' : 'None',
|
||||
}"
|
||||
/>
|
||||
<div v-if="isSuperAdmin" class="equipment-management" :class="{ 'active-tab': $route.path === '/model-config' }"
|
||||
@click="goModelConfig">
|
||||
<img loading="lazy" alt="" src="@/assets/header/model_config.png" :style="{
|
||||
filter:
|
||||
$route.path === '/model-config' ? 'brightness(0) invert(1)' : 'None',
|
||||
}" />
|
||||
<span class="nav-text">{{ $t("header.modelConfig") }}</span>
|
||||
</div>
|
||||
<div
|
||||
v-if="isSuperAdmin"
|
||||
class="equipment-management"
|
||||
<div class="equipment-management"
|
||||
:class="{ 'active-tab': $route.path === '/knowledge-base-management' || $route.path === '/knowledge-file-upload' }"
|
||||
@click="goKnowledgeBaseManagement"
|
||||
>
|
||||
<img
|
||||
loading="lazy"
|
||||
alt=""
|
||||
src="@/assets/header/knowledge_base.png"
|
||||
:style="{
|
||||
filter:
|
||||
$route.path === '/knowledge-base-management' || $route.path === '/knowledge-file-upload' ? 'brightness(0) invert(1)' : 'None',
|
||||
}"
|
||||
/>
|
||||
@click="goKnowledgeBaseManagement">
|
||||
<img loading="lazy" alt="" src="@/assets/header/knowledge_base.png" :style="{
|
||||
filter:
|
||||
$route.path === '/knowledge-base-management' || $route.path === '/knowledge-file-upload' ? 'brightness(0) invert(1)' : 'None',
|
||||
}" />
|
||||
<span class="nav-text">{{ $t("header.knowledgeBase") }}</span>
|
||||
</div>
|
||||
<el-dropdown
|
||||
v-if="isSuperAdmin"
|
||||
trigger="click"
|
||||
class="equipment-management more-dropdown"
|
||||
:class="{
|
||||
'active-tab':
|
||||
$route.path === '/dict-management' ||
|
||||
$route.path === '/params-management' ||
|
||||
$route.path === '/provider-management' ||
|
||||
$route.path === '/server-side-management' ||
|
||||
$route.path === '/agent-template-management' ||
|
||||
$route.path === '/ota-management' ||
|
||||
$route.path === '/user-management',
|
||||
}"
|
||||
@visible-change="handleParamDropdownVisibleChange"
|
||||
>
|
||||
<el-dropdown v-if="isSuperAdmin" trigger="click" class="equipment-management more-dropdown" :class="{
|
||||
'active-tab':
|
||||
$route.path === '/dict-management' ||
|
||||
$route.path === '/params-management' ||
|
||||
$route.path === '/provider-management' ||
|
||||
$route.path === '/server-side-management' ||
|
||||
$route.path === '/agent-template-management' ||
|
||||
$route.path === '/ota-management' ||
|
||||
$route.path === '/user-management',
|
||||
}" @visible-change="handleParamDropdownVisibleChange">
|
||||
<span class="el-dropdown-link">
|
||||
<img
|
||||
loading="lazy"
|
||||
alt=""
|
||||
src="@/assets/header/param_management.png"
|
||||
:style="{
|
||||
filter:
|
||||
$route.path === '/dict-management' ||
|
||||
<img loading="lazy" alt="" src="@/assets/header/param_management.png" :style="{
|
||||
filter:
|
||||
$route.path === '/dict-management' ||
|
||||
$route.path === '/params-management' ||
|
||||
$route.path === '/provider-management' ||
|
||||
$route.path === '/server-side-management' ||
|
||||
$route.path === '/agent-template-management' ||
|
||||
$route.path === '/ota-management' ||
|
||||
$route.path === '/user-management'
|
||||
? 'brightness(0) invert(1)'
|
||||
: 'None',
|
||||
}"
|
||||
/>
|
||||
? 'brightness(0) invert(1)'
|
||||
: 'None',
|
||||
}" />
|
||||
<span class="nav-text">{{ $t("header.paramDictionary") }}</span>
|
||||
<i
|
||||
class="el-icon-arrow-down el-icon--right"
|
||||
:class="{ 'rotate-down': paramDropdownVisible }"
|
||||
></i>
|
||||
<i class="el-icon-arrow-down el-icon--right" :class="{ 'rotate-down': paramDropdownVisible }"></i>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item @click.native="goParamManagement">
|
||||
{{ $t("header.paramManagement") }}
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item @click.native="goUserManagement">
|
||||
{{ $t("header.userManagement") }}
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item @click.native="goOtaManagement">
|
||||
{{ $t("header.otaManagement") }}
|
||||
</el-dropdown-item>
|
||||
@@ -189,94 +129,46 @@
|
||||
<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>
|
||||
|
||||
<!-- 右侧元素 -->
|
||||
<div class="header-right">
|
||||
<div
|
||||
class="search-container"
|
||||
v-if="$route.path === '/home' && !(isSuperAdmin && isSmallScreen)"
|
||||
>
|
||||
<div class="search-container" v-if="$route.path === '/home' && !(isSuperAdmin && isSmallScreen)">
|
||||
<div class="search-wrapper">
|
||||
<el-input
|
||||
v-model="search"
|
||||
:placeholder="$t('header.searchPlaceholder')"
|
||||
class="custom-search-input"
|
||||
@keyup.enter.native="handleSearch"
|
||||
@focus="showSearchHistory"
|
||||
@blur="hideSearchHistory"
|
||||
clearable
|
||||
ref="searchInput"
|
||||
>
|
||||
<i
|
||||
slot="suffix"
|
||||
class="el-icon-search search-icon"
|
||||
@click="handleSearch"
|
||||
></i>
|
||||
<el-input v-model="search" :placeholder="$t('header.searchPlaceholder')" class="custom-search-input"
|
||||
@keyup.enter.native="handleSearch" @focus="showSearchHistory" @blur="hideSearchHistory" clearable
|
||||
ref="searchInput">
|
||||
<i slot="suffix" class="el-icon-search search-icon" @click="handleSearch"></i>
|
||||
</el-input>
|
||||
<!-- 搜索历史下拉框 -->
|
||||
<div
|
||||
v-if="showHistory && searchHistory.length > 0"
|
||||
class="search-history-dropdown"
|
||||
>
|
||||
<div v-if="showHistory && searchHistory.length > 0" class="search-history-dropdown">
|
||||
<div class="search-history-header">
|
||||
<span>{{ $t("header.searchHistory") }}</span>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
class="clear-history-btn"
|
||||
@click="clearSearchHistory"
|
||||
>
|
||||
<el-button type="text" size="small" class="clear-history-btn" @click="clearSearchHistory">
|
||||
{{ $t("header.clearHistory") }}
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="search-history-list">
|
||||
<div
|
||||
v-for="(item, index) in searchHistory"
|
||||
:key="index"
|
||||
class="search-history-item"
|
||||
@click.stop="selectSearchHistory(item)"
|
||||
>
|
||||
<div v-for="(item, index) in searchHistory" :key="index" class="search-history-item"
|
||||
@click.stop="selectSearchHistory(item)">
|
||||
<span class="history-text">{{ item }}</span>
|
||||
<i
|
||||
class="el-icon-close clear-item-icon"
|
||||
@click.stop="removeSearchHistory(index)"
|
||||
></i>
|
||||
<i class="el-icon-close clear-item-icon" @click.stop="removeSearchHistory(index)"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img
|
||||
loading="lazy"
|
||||
alt=""
|
||||
src="@/assets/home/avatar.png"
|
||||
class="avatar-img"
|
||||
@click="handleAvatarClick"
|
||||
/>
|
||||
<img loading="lazy" alt="" src="@/assets/home/avatar.png" class="avatar-img" @click="handleAvatarClick" />
|
||||
<span class="el-dropdown-link" @click="handleAvatarClick">
|
||||
{{ userInfo.username || "加载中..." }}
|
||||
<i
|
||||
class="el-icon-arrow-down el-icon--right"
|
||||
:class="{ 'rotate-down': userMenuVisible }"
|
||||
></i>
|
||||
<i class="el-icon-arrow-down el-icon--right" :class="{ 'rotate-down': userMenuVisible }"></i>
|
||||
</span>
|
||||
<el-cascader
|
||||
:options="userMenuOptions"
|
||||
trigger="click"
|
||||
:props="cascaderProps"
|
||||
style="width: 0px; overflow: hidden"
|
||||
:show-all-levels="false"
|
||||
@change="handleCascaderChange"
|
||||
@visible-change="handleUserMenuVisibleChange"
|
||||
ref="userCascader"
|
||||
>
|
||||
<el-cascader :options="userMenuOptions" trigger="click" :props="cascaderProps"
|
||||
style="width: 0px; overflow: hidden" :show-all-levels="false" @change="handleCascaderChange"
|
||||
@visible-change="handleUserMenuVisibleChange" ref="userCascader">
|
||||
<template slot-scope="{ data }">
|
||||
<span>{{ data.label }}</span>
|
||||
</template>
|
||||
@@ -871,7 +763,7 @@ export default {
|
||||
color: #ff4949;
|
||||
}
|
||||
|
||||
.custom-search-input >>> .el-input__inner {
|
||||
.custom-search-input>>>.el-input__inner {
|
||||
height: 18px;
|
||||
border-radius: 9px;
|
||||
background-color: #fff;
|
||||
@@ -941,6 +833,7 @@ export default {
|
||||
color: #606266;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* 添加倒三角旋转样式 */
|
||||
.rotate-down {
|
||||
transform: rotate(180deg);
|
||||
|
||||
@@ -1,46 +1,17 @@
|
||||
<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-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-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-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-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">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
@@ -123,12 +94,12 @@ export default {
|
||||
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();
|
||||
}
|
||||
@@ -170,14 +141,14 @@ export default {
|
||||
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 || [];
|
||||
this.ragModels = res.data.data || [];
|
||||
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);
|
||||
@@ -199,7 +170,7 @@ export default {
|
||||
border-radius: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
::v-deep .el-dialog__body {
|
||||
padding: 20px 30px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user