- {{ index }}
-
-
+ ![]()
+
+
+
+
+
+ {{ file.name }}
+
+
+
+ {{ description }}
+
+ {{ formatFileSize(((file.size ?? 0) * percentage) / 100) }} /
+ {{ formatFileSize(file.size) }}
+
+
+
+ {{ file.errMsg }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ui/src/components/mk-drag-upload/MultipleFileUpload.vue b/ui/src/components/mk-drag-upload/MultipleFileUpload.vue
index 3f86ee5c5a9..7c8aadba1f9 100644
--- a/ui/src/components/mk-drag-upload/MultipleFileUpload.vue
+++ b/ui/src/components/mk-drag-upload/MultipleFileUpload.vue
@@ -4,9 +4,9 @@ import type { UploadFile, UploadFiles, UploadInstance, UploadRawFile, UploadUser
import type { DragUploadFile, DragUploadHandler, DragUploadMode } from './types'
import FileApi from '@/api/admin/file'
import uploadImage from '@/assets/mk_icon_upload.svg'
-import { getFileIconUrl } from '@/utils/icon'
-import { formatFileSize } from '@/utils/number'
import { MsgWarning } from '@/utils/message'
+import FileUploadCard from './FileUploadCard.vue'
+import ImageUploadCard from './ImageUploadCard.vue'
defineOptions({ name: 'MultipleFileUpload' })
@@ -94,7 +94,6 @@ function validateFile(file: DragUploadFile) {
file.status = 'fail'
file.percentage = 0
file.errMsg = `大小超限`
- file.canRetry = false
return false
}
const acceptedTypes = props.accept
@@ -127,7 +126,6 @@ function handleUpload(file: DragUploadFile) {
file.status = 'uploading'
file.percentage = 0
file.errMsg = ''
- file.canRetry = false
const uid = file.uid
// Promise 链同时覆盖上传接口同步抛错和异步请求失败。
void Promise.resolve()
@@ -149,7 +147,6 @@ function handleUpload(file: DragUploadFile) {
if (file.status !== 'uploading') return
file.status = 'fail'
file.errMsg = '网络失败'
- file.canRetry = true
})
.finally(() => uploadRequests.delete(uid))
}
@@ -204,17 +201,17 @@ const uploadSummary = computed(() => {
summary.completed = summary.success + summary.error
return summary
})
-const retryFiles = computed(() => fileList.value.filter((file) => file.status === 'fail' && file.canRetry))
+const retryFiles = computed(() => fileList.value.filter((file) => file.status === 'fail'))
const sortedFiles = computed(() => [...fileList.value].sort((first, second) => getFileStatusOrder(first) - getFileStatusOrder(second)))
function getFileStatusOrder(file: DragUploadFile) {
- if (file.status === 'fail') return file.canRetry ? 0 : 1
+ if (file.status === 'fail') return 0
if (file.status === 'uploading') return 2
return 3
}
function handleRetry(file: DragUploadFile) {
- if (props.disabled || file.status !== 'fail' || !file.canRetry) return
+ if (props.disabled || file.status !== 'fail' || !validateFile(file)) return
if (upload) handleUpload(file)
else emit('retry', file)
}
@@ -302,67 +299,18 @@ defineExpose({ clearFiles, handleRemove })
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
-
+
diff --git a/ui/src/components/mk-drag-upload/types.ts b/ui/src/components/mk-drag-upload/types.ts
index 74ccb5e8b1d..4acd48ffebf 100644
--- a/ui/src/components/mk-drag-upload/types.ts
+++ b/ui/src/components/mk-drag-upload/types.ts
@@ -4,9 +4,11 @@ import type { UploadRawFile, UploadUserFile } from 'element-plus'
export interface DragUploadFile extends UploadUserFile {
file_id?: string
errMsg?: string
- canRetry?: boolean
}
+/** 上传卡片的只读展示数据，不依赖具体上传接口。 */
+export type UploadCardFile = Pick
- ![]()
-
-
-
- {{ file.name }}
-
-
- {{ formatFileSize(((file.size ?? 0) * (file.percentage ?? 0)) / 100) }} /
- {{ formatFileSize(file.size) }}
-
-
- {{ file.errMsg }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
-
-
-
-
- {{ f.name }}
-
-
-
-
-
- ![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ content.content }}
-
-
- {{ f.name }}
-
-
+
+
+
diff --git a/ui/src/conversation-panel/components/content/items/text.vue b/ui/src/conversation-panel/components/content/items/text.vue
index 25149af3ee0..4a4862158bc 100644
--- a/ui/src/conversation-panel/components/content/items/text.vue
+++ b/ui/src/conversation-panel/components/content/items/text.vue
@@ -1,20 +1,17 @@
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ content.content }}
+
-
-
-
-
+
+
+
+
diff --git a/ui/src/conversation-panel/components/log-message-list/index.vue b/ui/src/conversation-panel/components/log-message-list/index.vue
index 5e571a17ed2..72fa7bdf247 100644
--- a/ui/src/conversation-panel/components/log-message-list/index.vue
+++ b/ui/src/conversation-panel/components/log-message-list/index.vue
@@ -1,26 +1,3 @@
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ui/src/conversation-panel/components/message-input/index.ts b/ui/src/conversation-panel/components/message-input/index.ts
index 1d7a0986896..facff477dc6 100644
--- a/ui/src/conversation-panel/components/message-input/index.ts
+++ b/ui/src/conversation-panel/components/message-input/index.ts
@@ -11,7 +11,8 @@ export interface FileItem {
url?: string
file_id?: string
previewUrl?: string
- uploading?: boolean
+ status: 'ready' | 'uploading' | 'success' | 'fail'
+ errMsg?: string
/** 上传进度 0-100 */
progress?: number
}
@@ -66,14 +67,14 @@ export function createMessageInputStore(deps: MessageInputDeps) {
return streamLoading.value ? '正在回复中...' : '输入消息...'
})
// 附件上传完成前不能发送，否则消息中的附件没有地址
- const isUploading = computed(() => fileList.value.some((attachment) => attachment.uploading))
+ const attachmentsReady = computed(() => fileList.value.every((attachment) => attachment.status === 'success'))
const canSend = computed(
() =>
!disabled.value &&
(question.value.trim().length > 0 || fileList.value.length > 0) &&
!streamLoading.value &&
!sending.value &&
- !isUploading.value,
+ attachmentsReady.value,
)
const imageFiles = computed(() => fileList.value.filter((attachment) => isImage(attachment.name)))
@@ -82,36 +83,57 @@ export function createMessageInputStore(deps: MessageInputDeps) {
const validateFile = (file: File) => fileList.value.length < maxFiles && file.size > 0 && file.size <= maxSizeMB * 1024 * 1024
const addFile = (file: File) => {
- if (!validateFile(file)) return
+ if (disabled.value || streamLoading.value || sending.value || !validateFile(file)) return
const attachment: FileItem = reactive({
uid: Date.now() + Math.random(),
name: file.name,
size: file.size,
raw: file,
- uploading: true,
+ status: 'ready',
progress: 0,
})
if (isImage(file.name) || isAudio(file.name) || isVideo(file.name)) {
attachment.previewUrl = URL.createObjectURL(file)
}
fileList.value.push(attachment)
+ uploadAttachment(attachment)
+ }
- // 文件发送完后服务端仍在处理，进度停在 95% 直到接口返回
- uploadFile(file, getChatId(), (percent) => {
- attachment.progress = Math.min(percent, UPLOAD_PROGRESS_PENDING_MAX)
- })
+ // 原文件重试复用上传流程；移除或切换会话后忽略旧请求的回调。
+ const uploadAttachment = (attachment: FileItem) => {
+ if (disabled.value || streamLoading.value || sending.value || attachment.status === 'uploading' || !fileList.value.includes(attachment)) return
+ attachment.status = 'uploading'
+ attachment.progress = 0
+ attachment.errMsg = ''
+ void Promise.resolve()
+ .then(() => {
+ if (!fileList.value.includes(attachment)) return
+ return uploadFile(attachment.raw, getChatId(), (percent) => {
+ if (!fileList.value.includes(attachment)) return
+ // 文件传输结束后仍等待服务端处理，成功响应前最多显示 95%。
+ attachment.progress = Number.isFinite(percent) ? Math.min(UPLOAD_PROGRESS_PENDING_MAX, Math.max(0, percent)) : 0
+ })
+ })
.then((url) => {
+ if (!fileList.value.includes(attachment)) return
+ const fileId = url?.split(/[?#]/)[0]?.split('/').filter(Boolean).pop()
+ if (!url || !fileId) throw new Error('上传未返回文件地址')
attachment.url = url
- attachment.file_id = url.split('/').pop()
+ attachment.file_id = fileId
+ attachment.progress = 100
+ attachment.status = 'success'
})
- .catch((e) => {
- console.error('upload failed:', e)
- })
- .finally(() => {
- attachment.uploading = false
+ .catch(() => {
+ if (!fileList.value.includes(attachment)) return
+ attachment.status = 'fail'
+ attachment.errMsg = '上传失败'
})
}
+ const retryFile = (attachment: FileItem) => {
+ if (attachment.status === 'fail') uploadAttachment(attachment)
+ }
+
const addFiles = (files: FileList | File[] | null | undefined) => {
if (!files || disabled.value) return
Array.from(files).forEach(addFile)
@@ -208,6 +230,7 @@ export function createMessageInputStore(deps: MessageInputDeps) {
addFile,
addFiles,
removeFile,
+ retryFile,
send,
stop,
}
diff --git a/ui/src/conversation-panel/components/message-input/index.vue b/ui/src/conversation-panel/components/message-input/index.vue
index 8418335f7f0..2d1e8d41e51 100644
--- a/ui/src/conversation-panel/components/message-input/index.vue
+++ b/ui/src/conversation-panel/components/message-input/index.vue
@@ -1,9 +1,10 @@
-
+
@@ -119,7 +107,6 @@ const handleKeydown = (event: KeyboardEvent) => {
:disabled="disabled"
:maxlength="100000"
@keydown.enter="handleKeydown"
- @paste="handlePaste"
clearable
/>
diff --git a/ui/src/conversation-panel/core/input-events.ts b/ui/src/conversation-panel/core/input-events.ts
new file mode 100644
index 00000000000..3f5eb05db3a
--- /dev/null
+++ b/ui/src/conversation-panel/core/input-events.ts
@@ -0,0 +1,47 @@
+/** 消息与召回输入共用的附件入口和提交快捷键。 */
+import { ref, type Ref } from 'vue'
+import { inputShortcut } from './shortcuts'
+
+/** 统一选择、拖拽、粘贴和回车行为，文件校验与提交条件由调用方维护。 */
+export function useInputEvents(options: {
+ text: Ref
+ canUpload: () => boolean
+ addFiles: (files: FileList | File[]) => void
+ submit: () => void
+}) {
+ const fileInputRef = ref(null)
+
+ function handleFileSelect(event: Event) {
+ const input = event.target as HTMLInputElement
+ if (input.files && options.canUpload()) options.addFiles(input.files)
+ input.value = ''
+ }
+
+ function handlePaste(event: ClipboardEvent) {
+ const clipboard = event.clipboardData
+ if (!clipboard?.files.length) return
+ // 混合内容保留原生文本粘贴，附件单独上传。
+ if (!clipboard.getData('text/plain')) event.preventDefault()
+ if (options.canUpload()) options.addFiles(clipboard.files)
+ }
+
+ function handleDragover(event: DragEvent) {
+ if (!event.dataTransfer?.types.includes('Files')) return
+ event.preventDefault()
+ event.dataTransfer.dropEffect = options.canUpload() ? 'copy' : 'none'
+ }
+
+ function handleDrop(event: DragEvent) {
+ if (!event.dataTransfer?.files.length) return
+ event.preventDefault()
+ if (options.canUpload()) options.addFiles(event.dataTransfer.files)
+ }
+
+ function handleKeydown(event: KeyboardEvent) {
+ const isMobile = /Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
+ if (isMobile && event.key === 'Enter') return
+ inputShortcut(event, options.text, options.submit)
+ }
+
+ return { fileInputRef, handleFileSelect, handlePaste, handleDragover, handleDrop, handleKeydown }
+}
diff --git a/ui/src/conversation-panel/index.scss b/ui/src/conversation-panel/index.scss
index 33eddb13ed3..1a174976bd1 100644
--- a/ui/src/conversation-panel/index.scss
+++ b/ui/src/conversation-panel/index.scss
@@ -109,3 +109,10 @@
border-color: rgb(var(--mk-primary-rgb) / 60%);
}
}
+
+/* 用户提问容器：随内容收缩并靠右排列。 */
+.mk-conversation-question-content {
+ margin-left: auto;
+ max-width: 85%;
+ width: fit-content;
+}
diff --git a/ui/src/styles/STYLE_README.md b/ui/src/styles/STYLE_README.md
index 0556e5037b0..f5aa6abdf77 100644
--- a/ui/src/styles/STYLE_README.md
+++ b/ui/src/styles/STYLE_README.md
@@ -38,6 +38,11 @@ Element Plus 覆盖、主题变量和应用样式。Chat 入口还显式引入 E
当前 `overflow: hidden` 已允许面板在 Flex 主轴上收缩，无需重复设置 `min-width: 0`；
也不额外设置 `min-height: 0`、`height: 100%` 或 `max-height: 100%`，消息列表负责内部滚动。
+用户提问容器使用 `mk-conversation-question-content`，在对话模块公共样式中控制靠右、
+随内容收缩及最大 85% 宽度。文字气泡使用 `mk-gray-card-lg`，换行规则在模板中组合工具类。
+提问附件参考输入区的卡片外观，通过 Flex 按容器宽度自动换行并靠右排列；已发送附件不展示
+删除或重试入口，图片支持预览，音视频复用 `MkAudio`、`MkVideo`；普通文件点击卡片即可下载。
+
左右侧栏统一使用 `mk-conversation-side-panel`，内容容器使用
`mk-conversation-side-panel__inner`。`.left` 引用 `--mk-chat-sidebar-width`，`.right`
引用 `--mk-chat-right-width`，通过侧栏内部变量统一内容固定宽度、push 展开宽度和 drawer
@@ -167,6 +172,8 @@ CSS 自定义属性同样按变量名排序。嵌套选择器、伪类和媒体
## 常用卡片样式
+`el-card` 添加 `has-bottom-arrow` 时，在底部中央显示与卡片背景、边框同色的箭头。
+
灰色内容卡片统一使用 N100 背景，按尺寸选择以下独立类名，无需叠加 `mk-gray-card`：
| 尺寸 | 类名 | 内边距 | 圆角 |
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index dfa0b84c166..add62f0c5fe 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -270,6 +270,21 @@
--el-card-border-color: var(--mk-N300);
--el-card-padding: 16px;
overflow: visible;
+ &.has-bottom-arrow {
+ position: relative;
+ &::after {
+ background: var(--el-card-bg-color);
+ border-bottom: 1px solid var(--el-card-border-color);
+ border-right: 1px solid var(--el-card-border-color);
+ bottom: calc(var(--spacing) * -1.5);
+ content: '';
+ height: calc(var(--spacing) * 3);
+ left: 50%;
+ position: absolute;
+ transform: rotate(45deg);
+ width: calc(var(--spacing) * 3);
+ }
+ }
&.small {
--el-card-border-radius: 6px;
--el-card-padding: 8px 12px;
diff --git a/ui/src/views/VIEW_README.md b/ui/src/views/VIEW_README.md
index 8bf077a07ea..751e50e5a43 100644
--- a/ui/src/views/VIEW_README.md
+++ b/ui/src/views/VIEW_README.md
@@ -135,15 +135,26 @@
### 召回测试
-`hit-test/` 按截图提供参数／输入与结果两栏，复用详情标题栏。通过详情上下文选择 Workspace、
+`hit-test/` 提供参数／输入与结果两栏，标题位于左栏，右侧结果面板贴合内容区的顶部、底部和右边缘。通过详情上下文选择 Workspace、
System 资源管理或 System 共享 Knowledge API 的 `postKnowledgeHitTest`；Workspace 共享缺少对应接口时
由上下文返回文档页，不回退其他范围。
+两栏高度使用内容区布局尺寸，分别通过 `el-scrollbar` 独立滚动；左栏包含标题、参数和输入区，右栏包含本次查询与结果。
默认向量检索、相似度 0.600、TOP K 6；切换全文检索重置相似度为 0，其余模式为 0.6。
-文本和图片至少提供一项，空白文本不可提交；图片存在或上传中时禁选全文检索，全文模式不提供图片入口。
-图片通过 Admin File API 上传为 120 分钟临时文件，最多 10 张、每张 20MB，仅提交上传成功的文件引用；
-上传中或存在失败图片时禁测试，移除失败图片后可重试。移除与卸载释放本地预览并取消未完成上传。
-测试期间冻结参数与输入；结果展示提交时的查询、分段、得分、文档名称及命中图片，Markdown 只读。
-初始、无命中与失败分别展示空态，失败保留输入供重试。切换知识库或资源范围通过路由 key 重建召回测试页，隔离查询与结果状态。
+文本和图片至少提供一项，空白文本不可提交；仅 BASE 通用知识库支持图片查询，其他类型隐藏图片上传入口并禁止选择、拖拽和粘贴图片。
+图片上传不受检索模式限制，已有图片不限制检索模式切换。
+图片通过 Admin File API 上传为 120 分钟临时文件，仅提交上传成功的文件引用；数量和单文件大小读取知识库
+`file_count_limit`、`file_size_limit` 配置，与图片上传抽屉一致，数量最多 50 张，缺省为 50 张、每张 100MB。
+支持 JPG、JPEG、PNG、WEBP、BMP，文件选择、格式校验和提示使用一致的类型配置。
+召回测试与对话输入共用 `conversation-panel/core/input-events.ts` 的选择文件、拖拽、粘贴和提交快捷键。
+`HitTestInput` 管理文本、图片上传与提交校验，在输入框下方提供整行测试按钮。父页面传入测试请求的加载状态；
+按钮与回车通过 `submit` 一次性提交文本和已上传图片，由父页面执行测试。
+输入容器接收文件拖入和剪贴板附件，纯文本及混合内容中的文本保留原生粘贴；各入口使用相同的上传禁用条件。
+桌面 Enter 提交，Ctrl／Shift／Alt／Meta + Enter 换行，输入法组合期间不提交；移动端 Enter 换行，文本上限 100000 字符。
+输入区通过 `ImageUploadCard` 展示图片进度、失败重试和删除，不提供点击预览。上传中或存在失败图片时禁测试，
+失败图片可直接重新上传或移除。移除与卸载释放本地预览并取消未完成上传。
+测试期间冻结参数与输入；结果使用 `MkSourceCard` 展示分段、得分、文档名称及命中图片，Markdown 只读。
+“本次查询”展示成功请求的文本与图片快照，图片位于文本上方，缩略图自动换行并支持预览，不使用横向滚动。
+初始与无命中分别展示空态；请求失败由请求层提示，保留输入与已有结果供重试。切换知识库或资源范围通过路由 key 重建召回测试页，隔离查询与结果状态。
### 文档列表与导入
diff --git a/ui/src/views/knowledge-detail/hit-test/components/HitTestInput.vue b/ui/src/views/knowledge-detail/hit-test/components/HitTestInput.vue
index 793eb0ab92e..bf29c2f5bbb 100644
--- a/ui/src/views/knowledge-detail/hit-test/components/HitTestInput.vue
+++ b/ui/src/views/knowledge-detail/hit-test/components/HitTestInput.vue
@@ -1,188 +1,229 @@
-
-
-
-
+
-
-
+
-
-
-
-
- ![]()
-
-
-
- {{ file.name }}
- {{ getFileExtension(file.name) || '文件' }} – {{ formatFileSize(file.size) }}
-
- ![]()
-
-
-
- {{ file.name }}
- {{ getFileExtension(file.name) || '文件' }} – {{ formatFileSize(file.size) }}
-
- ![]()
-
-
-
- {{ file.name }}
- {{ getFileExtension(file.name) || '文件' }} – {{ formatFileSize(file.size) }}
-
-
-
-
-
+
+
-
-
+
diff --git a/ui/src/views/knowledge-detail/hit-test/components/HitTestResult.vue b/ui/src/views/knowledge-detail/hit-test/components/HitTestResult.vue
deleted file mode 100644
index 2bafc065371..00000000000
--- a/ui/src/views/knowledge-detail/hit-test/components/HitTestResult.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
- {{ paragraph.similarity.toFixed(3) }}
-
-
-
-
-
-
-
diff --git a/ui/src/views/knowledge-detail/hit-test/index.vue b/ui/src/views/knowledge-detail/hit-test/index.vue
index 01bf6210b9d..0e46e892682 100644
--- a/ui/src/views/knowledge-detail/hit-test/index.vue
+++ b/ui/src/views/knowledge-detail/hit-test/index.vue
@@ -1,73 +1,58 @@
-
-
-
-
-
+
+
-
-
- 上传失败
-
-
-
- 请移除上传失败的图片后再测试
+
+
+
-
-
-
-
+
+
+
+ 可拖拽到输入框内上传图片
+
+ 上传图片：最多{{ countLimit }}张，每张不超过 {{ sizeLimit }}MB +
+ 图片类型：{{ KNOWLEDGE_IMAGE_TYPE_LABEL }} +
+
+
+ + 上传图片：最多{{ countLimit }}张，每张不超过 {{ sizeLimit }}MB +
+ 图片类型：{{ KNOWLEDGE_IMAGE_TYPE_LABEL }} +
-
-
-
- {{ title }}
-
-
-
diff --git a/ui/src/workflow-canvas/nodes/reranker-node/index.vue b/ui/src/workflow-canvas/nodes/reranker-node/index.vue
index 20bee6c82b1..29a9bd24e93 100644
--- a/ui/src/workflow-canvas/nodes/reranker-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/reranker-node/index.vue
@@ -73,7 +73,7 @@ function updateModel(patch: Partial) {
}
const settingRows = computed(() => [
{ label: 'Score 高于', value: formData.value.reranker_setting.similarity.toFixed(3) },
- { label: '引用分段数 TOP', value: formData.value.reranker_setting.top_n },
+ { label: '召回分段数 TOP', value: formData.value.reranker_setting.top_n },
{ label: '最大引用字符数', value: formData.value.reranker_setting.max_paragraph_char_number },
])
async function validate() {
diff --git a/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue b/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue
index 6d51096be3e..5a6e67f5fa0 100644
--- a/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue
+++ b/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue
@@ -47,14 +47,20 @@ function resetData() {
-
-
+
-
-
+
+
+
+
+
+
+
diff --git a/ui/src/views/knowledge-detail/setting/scheduled-sync/index.vue b/ui/src/views/knowledge-detail/setting/scheduled-sync/index.vue
index a58bea1cfcd..a97a71371d2 100644
--- a/ui/src/views/knowledge-detail/setting/scheduled-sync/index.vue
+++ b/ui/src/views/knowledge-detail/setting/scheduled-sync/index.vue
@@ -203,7 +203,7 @@ watch(
diff --git a/ui/src/workflow-canvas/nodes/reranker-node/component/SearchSetting.vue b/ui/src/workflow-canvas/nodes/reranker-node/component/SearchSetting.vue
index 2202ba5d96c..d12f743391f 100644
--- a/ui/src/workflow-canvas/nodes/reranker-node/component/SearchSetting.vue
+++ b/ui/src/workflow-canvas/nodes/reranker-node/component/SearchSetting.vue
@@ -53,15 +53,8 @@ function submit() {
align="left"
/>
-
-
+
检索参数
-
+
+
+
+
+
+
+
+
+
-
+
-
-
+
+
-
+
{{ title }}
+检索参数
+{{ searchMode.label }}
- {{ searchMode.description }} - - 图片不支持全文检索，请先移除图片 - + {{ searchMode.description }}
-
+
相似度高于
-
-
+
-
+
+
+
+ 本次查询
+
+
+
+
+ {{ submittedQuery.query_text }}
+查询结果
+
+
+
+
+
+
+
+ {{ `#${paragraphIndex + 1}` }}
+
-
-
-
+
diff --git a/ui/src/views/knowledge-detail/library/image/upload-image/UploadImageDrawer.vue b/ui/src/views/knowledge-detail/library/image/upload-image/UploadImageDrawer.vue
index 9e80e89fdc7..78c89d8f55a 100644
--- a/ui/src/views/knowledge-detail/library/image/upload-image/UploadImageDrawer.vue
+++ b/ui/src/views/knowledge-detail/library/image/upload-image/UploadImageDrawer.vue
@@ -3,6 +3,7 @@ import { computed, provide, ref, useTemplateRef } from 'vue'
import FileApi from '@/api/admin/file'
import { FILE_SOURCE_TYPE } from '@/api/enums'
import type { DocumentSplitResult, ImageDocumentImportPayload, ImageDocumentPreview } from '@/api/types'
+import { KNOWLEDGE_IMAGE_ACCEPT, KNOWLEDGE_IMAGE_TYPE_LABEL } from '@/constants/knowledge'
import MkDragUpload from '@/components/mk-drag-upload/index.vue'
import type { DragUploadFile, DragUploadHandler } from '@/components/mk-drag-upload/types'
import { getUploadValidationMessage } from '@/components/mk-drag-upload/validation'
@@ -151,10 +152,10 @@ defineExpose({ open })
v-model="selectedFiles"
multiple
mode="image"
- accept=".jpg,.jpeg,.png,.webp,.bmp"
+ :accept="KNOWLEDGE_IMAGE_ACCEPT"
:limit="countLimit"
:size-limit="sizeLimit"
- tip-text="支持格式：JPG、JPEG、PNG、WEBP、BMP"
+ :tip-text="`支持格式：${KNOWLEDGE_IMAGE_TYPE_LABEL}`"
/>
-
-
-
-
+
+
+
- 召回结果
- 共 {{ resultParagraphs.length }} 条 +
+ {{ paragraph.document_name }}
+
+
+
+
{{ submittedQuery }}
-
-
-
-
-
-
+ {{ method.label }}
- {{ method.description }} + {{ method.description }}{{ option.label }}
- {{ option.description }} + {{ option.description }}
-
+
+
+
+ 相似度高于
+
-
+
diff --git a/ui/src/workflow-canvas/nodes/search-knowledge-node/index.vue b/ui/src/workflow-canvas/nodes/search-knowledge-node/index.vue
index 55186f89bf3..b0d03fe7575 100644
--- a/ui/src/workflow-canvas/nodes/search-knowledge-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/search-knowledge-node/index.vue
@@ -75,7 +75,7 @@ const settingRows = computed(() => [
formData.value.knowledge_setting.search_mode,
},
{ label: '相似度高于', value: formData.value.knowledge_setting.similarity.toFixed(3) },
- { label: '引用分段数 TOP', value: formData.value.knowledge_setting.top_n },
+ { label: '召回分段数 TOP', value: formData.value.knowledge_setting.top_n },
{ label: '最多引用字符数', value: formData.value.knowledge_setting.max_paragraph_char_number },
])