update:优化rag模型列表接口

main/manager-web/src/components/HeaderBar.vue

@@ -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);

main/manager-web/src/components/KnowledgeBaseDialog.vue

@@ -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;
   }