update:优化样式

main/manager-api/src/main/java/xiaozhi/common/exception/ErrorCode.java

@@ -208,4 +208,5 @@ public interface ErrorCode {
     int RAG_CONFIG_MISSING_PARAMS = 10167; // RAG配置缺少必要参数
     int UPLOAD_FILE_ERROR = 10168; // 上传文件失败
     int NO_PERMISSION = 10169; // 没有权限
+    int RAG_API_ERROR = 10170; // RAG API接口错误
 }

main/manager-api/src/main/java/xiaozhi/modules/knowledge/service/impl/KnowledgeBaseServiceImpl.java

@@ -1,22 +1,26 @@
 package xiaozhi.modules.knowledge.service.impl;
 
 import java.io.IOException;
+import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
-import java.util.HashMap;
-import com.fasterxml.jackson.databind.ObjectMapper;
 
 import org.apache.commons.lang3.StringUtils;
-import org.springframework.http.*;
+import org.springframework.http.HttpEntity;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.HttpMethod;
+import org.springframework.http.MediaType;
+import org.springframework.http.ResponseEntity;
 import org.springframework.stereotype.Service;
-import org.springframework.web.client.RestTemplate;
 import org.springframework.web.client.HttpClientErrorException;
 import org.springframework.web.client.HttpServerErrorException;
 import org.springframework.web.client.ResourceAccessException;
+import org.springframework.web.client.RestTemplate;
 
 import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
 import com.baomidou.mybatisplus.core.metadata.IPage;
 import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
+import com.fasterxml.jackson.databind.ObjectMapper;
 
 import lombok.AllArgsConstructor;
 import lombok.extern.slf4j.Slf4j;
@@ -396,7 +400,7 @@ public class KnowledgeBaseServiceImpl extends BaseServiceImpl<KnowledgeBaseDao,
 
             if (!response.getStatusCode().is2xxSuccessful()) {
                 log.error("RAGFlow API调用失败，状态码: {}, 响应内容: {}", response.getStatusCode(), response.getBody());
-                throw new RenException(ErrorCode.RAG_CONFIG_MISSING_PARAMS);
+                throw new RenException(ErrorCode.RAG_API_ERROR, response.getStatusCode());
             }
 
             // 解析响应体，提取datasetId

main/manager-api/src/main/java/xiaozhi/modules/knowledge/service/impl/KnowledgeFilesServiceImpl.java

@@ -3,34 +3,44 @@ package xiaozhi.modules.knowledge.service.impl;
 import java.io.IOException;
 import java.io.InputStream;
 import java.text.SimpleDateFormat;
-import java.util.*;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Date;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.core.io.AbstractResource;
+import org.springframework.http.HttpEntity;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.HttpMethod;
+import org.springframework.http.HttpStatus;
+import org.springframework.http.MediaType;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Service;
+import org.springframework.util.LinkedMultiValueMap;
+import org.springframework.util.MultiValueMap;
+import org.springframework.web.client.HttpClientErrorException;
+import org.springframework.web.client.HttpServerErrorException;
+import org.springframework.web.client.ResourceAccessException;
+import org.springframework.web.client.RestTemplate;
+import org.springframework.web.multipart.MultipartFile;
 
 import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
 import com.fasterxml.jackson.databind.ObjectMapper;
 
 import lombok.AllArgsConstructor;
 import lombok.extern.slf4j.Slf4j;
-import org.apache.commons.lang3.StringUtils;
-import org.springframework.http.*;
-import org.springframework.stereotype.Service;
-import org.springframework.util.LinkedMultiValueMap;
-import org.springframework.util.MultiValueMap;
-import org.springframework.core.io.AbstractResource;
-import org.springframework.web.client.RestTemplate;
-import org.springframework.web.client.HttpClientErrorException;
-import org.springframework.web.client.HttpServerErrorException;
-import org.springframework.web.client.ResourceAccessException;
-import org.springframework.web.multipart.MultipartFile;
-
 import xiaozhi.common.constant.Constant;
 import xiaozhi.common.exception.ErrorCode;
 import xiaozhi.common.exception.RenException;
 import xiaozhi.common.page.PageData;
 import xiaozhi.modules.knowledge.dto.KnowledgeFilesDTO;
 import xiaozhi.modules.knowledge.service.KnowledgeFilesService;
-import xiaozhi.modules.model.service.ModelConfigService;
 import xiaozhi.modules.model.dao.ModelConfigDao;
 import xiaozhi.modules.model.entity.ModelConfigEntity;
+import xiaozhi.modules.model.service.ModelConfigService;
 
 @Service
 @AllArgsConstructor
@@ -1003,7 +1013,7 @@ public class KnowledgeFilesServiceImpl implements KnowledgeFilesService {
             } else {
                 String message = (String) responseMap.get("message");
                 log.error("RAGFlow API调用失败，响应码: {}, 消息: {}, 响应内容: {}", code, message, responseBody);
-                throw new RenException(ErrorCode.RAG_CONFIG_MISSING_PARAMS, "RAGFlow API调用失败: " + message);
+                throw new RenException(ErrorCode.RAG_API_ERROR, response.getStatusCode().toString());
             }
 
         } catch (IOException e) {

main/manager-api/src/main/resources/i18n/messages.properties

@@ -169,3 +169,11 @@
 10160=\u706B\u5C71\u5F15\u64CE\u97F3\u8272ID\u683C\u5F0F\u9519\u8BEF\uFF0C\u5FC5\u987B\u4EE5S_\u5F00\u5934
 10161=Mac\u5730\u5740\u5DF2\u5B58\u5728
 10162=\u6A21\u578B\u4F9B\u5E94\u5668\u4E0D\u5B58\u5728
+10163=\u77E5\u8BC6\u5E93\u8BB0\u5F55\u4E0D\u5B58\u5728
+10164=RAG\u914D\u7F6E\u672A\u627E\u5230
+10165=RAG\u914D\u7F6E\u7C7B\u578B\u9519\u8BEF
+10166=\u9ED8\u8BA4RAG\u914D\u7F6E\u672A\u627E\u5230
+10167=RAG\u914D\u7F6E\u7F3A\u5C11\u5FC5\u8981\u53C2\u6570
+10168=\u4E0A\u4F20\u6587\u4EF6\u5931\u8D25
+10169=\u60A8\u6CA1\u6709\u6743\u9650\u64CD\u4F5C\u8BE5\u8BB0\u5F55
+10170=RAG \u63A5\u53E3\u9519\u8BEF\u63A5\u53E3\u9519\u8BEF:{0}

main/manager-api/src/main/resources/i18n/messages_en_US.properties

@@ -176,5 +176,4 @@
 10167=RAG configuration missing required parameters
 10168=Upload file failed
 10169=No permission to operate this knowledge base
-
+10170=RAG API interface error: {0}
-

main/manager-api/src/main/resources/i18n/messages_zh_CN.properties

@@ -176,3 +176,4 @@
 10167=RAG\u914D\u7F6E\u7F3A\u5C11\u5FC5\u8981\u53C2\u6570
 10168=\u4E0A\u4F20\u6587\u4EF6\u5931\u8D25
 10169=\u60A8\u6CA1\u6709\u6743\u9650\u64CD\u4F5C\u8BE5\u8BB0\u5F55
+10170=RAG API\u63A5\u53E3\u9519\u8BEF:{0}

main/manager-api/src/main/resources/i18n/messages_zh_TW.properties

@@ -175,6 +175,5 @@
 10166=\u9810\u8A2DRAG\u914D\u7F6E\u672A\u627E\u5230
 10167=RAG\u914D\u7F6E\u7F3A\u5C11\u5FC5\u8981\u53C3\u6578
 10168=\u4E0A\u50B3\u6587\u4EF6\u5931\u6557
-10169=\u60A8\u6CA1\u6709\u6743\u9650\u64CD\u4F5C\u8BE5\u8BB0\u5F55
+10169=\u60A8\u6C92\u6709\u6B0A\u9650\u64CD\u4F5C\u8A72\u8A18\u9304
-
+10170=RAG \u63A5\u53E3\u932F\u8AA4\u63A5\u53E3\u9519\u8BEF:{0}
-

main/manager-web/src/views/KnowledgeFileUpload.vue

@@ -7,7 +7,7 @@
         <el-button class="btn-back" type="text" @click="$router.back()">
           &lt;
         </el-button>
-          <h2 class="knowledge-base-title">文档管理-{{ knowledgeBaseName }}</h2>
+        <h2 class="knowledge-base-title">{{ knowledgeBaseName }}</h2>
       </div>
       <div class="right-operations">
         <el-input :placeholder="$t('knowledgeFileUpload.searchPlaceholder')" v-model="searchName" class="search-input"
@@ -23,8 +23,7 @@
             <div class="table-wrapper">
               <el-table ref="fileTable" :data="fileList" class="transparent-table" v-loading="loading"
                 element-loading-text="Loading" element-loading-spinner="el-icon-loading"
-                element-loading-background="rgba(255, 255, 255, 0.7)"
+                element-loading-background="rgba(255, 255, 255, 0.7)" :header-cell-class-name="headerCellClassName"
-                :header-cell-class-name="headerCellClassName"
                 @selection-change="handleSelectionChange">
                 <el-table-column type="selection" width="55" align="center"></el-table-column>
                 <el-table-column :label="$t('knowledgeFileUpload.documentName')" prop="name" align="center">
@@ -45,8 +44,7 @@
                 <el-table-column :label="$t('knowledgeFileUpload.operation')" align="center">
                   <template slot-scope="scope">
                     <el-button size="mini" type="text" @click="handleParse(scope.row)"
-                      :disabled="scope.row.status === 1"
+                      :disabled="scope.row.status === 1" v-if="!scope.row.sliceCount || scope.row.sliceCount <= 0">
-                      v-if="!scope.row.sliceCount || scope.row.sliceCount <= 0">
                       {{ $t('knowledgeFileUpload.parse') }}
                     </el-button>
                     <el-button size="mini" type="text" @click="handleViewSlices(scope.row)"
@@ -72,10 +70,7 @@
                 <el-button type="danger" @click="handleBatchDelete" :disabled="selectedFiles.length === 0">
                   {{ $t('knowledgeFileUpload.batchDelete') }}
                 </el-button>
-                <el-button 
+                <el-button type="primary" icon="el-icon-search" @click="showRetrievalTestDialog"
-                  type="primary" 
-                  icon="el-icon-search"
-                  @click="showRetrievalTestDialog"
                   style="background-color: #409EFF; border-color: #409EFF;">
                   {{ $t('knowledgeFileUpload.retrievalTest') }}
                 </el-button>
@@ -109,15 +104,8 @@
 
     <!-- 上传文档对话框 -->
     <el-dialog :title="$t('knowledgeFileUpload.uploadDocument')" :visible.sync="uploadDialogVisible" width="800px">
-      <el-upload
+      <el-upload class="document-uploader" drag :action="uploadUrl" :auto-upload="false" :on-change="handleFileChange"
-        class="document-uploader"
+        :multiple="true" :show-file-list="false" accept=".doc,.docx,.pdf,.txt,.md,.mdx,.csv,.xls,.xlsx,.ppt,.pptx">
-        drag
-        :action="uploadUrl"
-        :auto-upload="false"
-        :on-change="handleFileChange"
-        :multiple="true"
-        :show-file-list="false"
-        accept=".doc,.docx,.pdf,.txt,.md,.mdx,.csv,.xls,.xlsx,.ppt,.pptx">
         <i class="el-icon-upload"></i>
         <div class="el-upload__text">{{ $t('knowledgeFileUpload.dragOrClick') }}</div>
         <div class="el-upload__tip">{{ $t('knowledgeFileUpload.uploadTip') }}</div>
@@ -127,21 +115,13 @@
       <div class="selected-files-section" v-if="selectedFilesList.length > 0">
         <h4>{{ $t('knowledgeFileUpload.selectedFiles') }} ({{ selectedFilesList.length }})</h4>
         <div class="selected-files-list">
-          <div 
+          <div v-for="(file, index) in selectedFilesList" :key="index" class="selected-file-item">
-            v-for="(file, index) in selectedFilesList" 
-            :key="index" 
-            class="selected-file-item"
-          >
             <div class="file-info">
               <i class="el-icon-document"></i>
               <span class="file-name">{{ file.name }}</span>
               <span class="file-size">{{ formatFileSize(file.size) }}</span>
             </div>
-            <el-button 
+            <el-button type="text" class="remove-btn" @click="removeSelectedFile(index)">
-              type="text" 
-              class="remove-btn" 
-              @click="removeSelectedFile(index)"
-            >
               <i class="el-icon-close"></i>
             </el-button>
           </div>
@@ -150,29 +130,27 @@
 
       <div slot="footer" class="dialog-footer">
         <el-button @click="uploadDialogVisible = false">{{ $t('knowledgeFileUpload.cancel') }}</el-button>
-        <el-button type="primary" @click="handleBatchUploadSubmit" :loading="uploading" :disabled="selectedFilesList.length === 0">
+        <el-button type="primary" @click="handleBatchUploadSubmit" :loading="uploading"
-          {{ $t('knowledgeFileUpload.confirm') }} {{ selectedFilesList.length > 0 ? `(${selectedFilesList.length}${$t('knowledgeFileUpload.itemsPerPage').replace('条/页', '个文件')})` : '' }}
+          :disabled="selectedFilesList.length === 0">
+          {{ $t('knowledgeFileUpload.confirm') }} {{ selectedFilesList.length > 0 ?
+            `(${selectedFilesList.length}${$t('knowledgeFileUpload.itemsPerPage').replace('条/页', '个文件')})` : '' }}
         </el-button>
       </div>
     </el-dialog>
 
     <!-- 切片管理弹窗 -->
-    <el-dialog :title="`${$t('knowledgeFileUpload.viewSlices')} - ${currentDocumentName}`" :visible.sync="sliceDialogVisible" width="1200px" class="slice-dialog">
+    <el-dialog :title="`${$t('knowledgeFileUpload.viewSlices')} - ${currentDocumentName}`"
+      :visible.sync="sliceDialogVisible" width="1200px" class="slice-dialog">
       <div class="slice-management">
         <!-- 切片列表 -->
         <div class="slice-list-section">
-          <div class="slice-header">
-          <div class="slice-info">
-            <h3>{{ $t('knowledgeFileUpload.documentName') }}：{{ currentDocumentName }}</h3>
-          </div>
-        </div>
-          
           <!-- 切片内容卡片式布局 -->
           <div v-loading="sliceLoading" class="slice-content-container">
             <div v-if="sliceList.length > 0" class="slice-cards-container">
               <div v-for="(slice, index) in sliceList" :key="index" class="slice-card">
                 <div class="slice-header-info">
-                  <p><strong>{{ $t('knowledgeFileUpload.slice') }} {{ (sliceCurrentPage - 1) * slicePageSize + index + 1 }}</strong></p>
+                  <p><strong>{{ $t('knowledgeFileUpload.slice') }} {{ (sliceCurrentPage - 1) * slicePageSize + index + 1
+                  }}</strong></p>
                 </div>
                 <div class="slice-card-content">
                   <div class="content-text">{{ slice.content }}</div>
@@ -188,28 +166,20 @@
           <div class="slice-pagination" style="margin-top: 20px; text-align: right;">
             <div class="custom-pagination">
               <!-- 条/页选择器 -->
-              <el-select 
+              <el-select v-model="slicePageSize" @change="handleSliceSizeChange" class="page-size-select"
-                v-model="slicePageSize" 
+                :popper-append-to-body="false">
-                @change="handleSliceSizeChange"
-                class="page-size-select"
-                :popper-append-to-body="false"
-              >
                 <el-option v-for="item in pageSizeOptions" :key="item"
                   :label="`${item}${$t('knowledgeFileUpload.itemsPerPage')}`" :value="item">
                 </el-option>
               </el-select>
 
               <!-- 首页按钮 -->
-              <button class="pagination-btn" 
+              <button class="pagination-btn" :disabled="sliceCurrentPage === 1" @click="goToSliceFirstPage">
-                :disabled="sliceCurrentPage === 1" 
-                @click="goToSliceFirstPage">
                 {{ $t('knowledgeFileUpload.firstPage') }}
               </button>
 
               <!-- 上一页按钮 -->
-              <button class="pagination-btn" 
+              <button class="pagination-btn" :disabled="sliceCurrentPage === 1" @click="goToSlicePrevPage">
-                :disabled="sliceCurrentPage === 1" 
-                @click="goToSlicePrevPage">
                 {{ $t('knowledgeFileUpload.prevPage') }}
               </button>
 
@@ -220,9 +190,7 @@
               </button>
 
               <!-- 下一页按钮 -->
-              <button class="pagination-btn" 
+              <button class="pagination-btn" :disabled="sliceCurrentPage === slicePageCount" @click="goToSliceNextPage">
-                :disabled="sliceCurrentPage === slicePageCount" 
-                @click="goToSliceNextPage">
                 {{ $t('knowledgeFileUpload.nextPage') }}
               </button>
 
@@ -235,21 +203,18 @@
     </el-dialog>
 
     <!-- 召回测试弹窗 -->
-    <el-dialog :title="$t('knowledgeFileUpload.retrievalTest')" :visible.sync="retrievalTestDialogVisible" width="1200px" class="retrieval-test-dialog">
+    <el-dialog :title="$t('knowledgeFileUpload.retrievalTest')" :visible.sync="retrievalTestDialogVisible"
+      width="1200px" class="retrieval-test-dialog">
       <div class="retrieval-test-form">
         <el-form :model="retrievalTestForm" label-width="80px">
           <el-form-item :label="$t('knowledgeFileUpload.testQuestion')" required>
-              <el-input
+            <el-input v-model="retrievalTestForm.question"
-                v-model="retrievalTestForm.question"
+              :placeholder="$t('knowledgeFileUpload.testQuestionPlaceholder')" style="width: 100%; max-height: 80px;">
-                type="textarea"
-                :rows="2"
-                :placeholder="$t('knowledgeFileUpload.testQuestionPlaceholder')"
-                style="width: 100%; max-height: 80px;">
             </el-input>
           </el-form-item>
         </el-form>
 
-        <div class="retrieval-test-actions" style="text-align: center; margin-top: 20px;">
+        <div class="retrieval-test-actions" style="text-align: center;">
           <el-button type="primary" @click="runRetrievalTest" :loading="retrievalTestLoading">
             {{ $t('knowledgeFileUpload.runTest') }}
           </el-button>
@@ -289,9 +254,9 @@
 
 <script>
 import Api from "@/apis/api";
+import KnowledgeBaseAPI from "@/apis/module/knowledgeBase";
 import HeaderBar from "@/components/HeaderBar.vue";
 import VersionFooter from "@/components/VersionFooter.vue";
-import KnowledgeBaseAPI from "@/apis/module/knowledgeBase";
 
 export default {
   components: { HeaderBar, VersionFooter },
@@ -1458,27 +1423,45 @@ export default {
 
 /* 召回测试弹窗样式 */
 .retrieval-test-dialog {
-  :deep(.el-dialog) {
+  ::v-deep .el-dialog__wrapper {
-    width: 1000px !important;
+    display: block !important;
-    max-height: 850px !important;
-    min-height: 600px !important;
   }
 
-  :deep(.el-dialog__body) {
+  ::v-deep .el-dialog {
+    position: absolute !important;
+    top: 50% !important;
+    left: 50% !important;
+    transform: translate(-50%, -50%) !important;
+    margin: 0 !important;
+    width: 1200px !important;
+    height: 90vh !important;
+    max-height: 90vh !important;
+    min-height: 90vh !important;
+  }
+
+  ::v-deep .el-dialog__body {
     height: calc(100% - 90px) !important;
     max-height: calc(100% - 90px) !important;
     overflow: hidden;
     padding: 15px 25px;
+    display: flex;
+    flex-direction: column;
   }
 }
 
+.retrieval-test-form {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
 .retrieval-test-result {
   margin-top: 20px;
-  height: 300px;
+  flex: 1;
-  max-height: 300px;
-  min-height: 200px;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 
   h4 {
     margin: 0 0 12px 0;
@@ -1711,32 +1694,41 @@ export default {
 
 /* 切片管理弹窗固定容器大小 */
 .slice-dialog {
+  ::v-deep .el-dialog__wrapper {
+    display: block !important;
+  }
+
   /* 切片管理弹窗滚动条样式 */
-    :deep(.el-dialog)::-webkit-scrollbar {
+  ::v-deep .el-dialog::-webkit-scrollbar {
     width: 8px;
     height: 8px;
   }
 
-    :deep(.el-dialog)::-webkit-scrollbar-track {
+  ::v-deep .el-dialog::-webkit-scrollbar-track {
     background: #f8f9fa;
     border-radius: 4px;
   }
 
-    :deep(.el-dialog)::-webkit-scrollbar-thumb {
+  ::v-deep .el-dialog::-webkit-scrollbar-thumb {
     background: #f0f0f0;
     border-radius: 4px;
     border: 1px solid #e8e8e8;
   }
 
-    :deep(.el-dialog)::-webkit-scrollbar-thumb:hover {
+  ::v-deep .el-dialog::-webkit-scrollbar-thumb:hover {
     background: #e8e8e8;
   }
 
-    :deep(.el-dialog) {
+  ::v-deep .el-dialog {
+    position: absolute !important;
+    top: 50% !important;
+    left: 50% !important;
+    transform: translate(-50%, -50%) !important;
+    margin: 0 !important;
     width: 1200px !important;
-      height: 800px !important;
+    height: 90vh !important;
-      max-height: 600px !important;
+    max-height: 90vh !important;
-      min-height: 600px !important;
+    min-height: 90vh !important;
   }
 
   :deep(.el-dialog__body) {
@@ -1875,7 +1867,8 @@ export default {
         }
 
         /* 列表样式 */
-        ul, ol {
+        ul,
+        ol {
           margin: 8px 0;
           padding-left: 24px;
 
@@ -1886,19 +1879,38 @@ export default {
         }
 
         /* 标题样式 */
-        h1, h2, h3, h4, h5, h6 {
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6 {
           margin: 16px 0 8px 0;
           font-weight: 600;
           line-height: 1.4;
         }
 
-        h1 { font-size: 18px; }
+        h1 {
-        h2 { font-size: 16px; }
+          font-size: 18px;
-        h3 { font-size: 15px; }
+        }
-        h4, h5, h6 { font-size: 14px; }
+
+        h2 {
+          font-size: 16px;
+        }
+
+        h3 {
+          font-size: 15px;
+        }
+
+        h4,
+        h5,
+        h6 {
+          font-size: 14px;
+        }
 
         /* 强调文本 */
-        strong, b {
+        strong,
+        b {
           font-weight: 600;
           color: #1a1a1a;
         }
@@ -1934,19 +1946,6 @@ export default {
   }
 }
 
-  .slice-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    margin-bottom: 20px;
-  }
-  
-  .slice-info {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-  
 .slice-count {
   display: flex;
   align-items: center;