YG-Soft/X-Financial
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 完善知识库预览功能与配置管理优化

Browse Source
This commit is contained in:
caoxiaozhu
2026-05-09 07:29:49 +00:00
parent d9133193e8
commit 94122fd34b
26 changed files with 20232 additions and 300 deletions
Download Patch File Download Diff File Expand all files Collapse all files

231
web/src/views/scripts/PoliciesView.js
View File

@@ -17,7 +17,14 @@ import {
buildPreviewMetaLine,
buildPreviewSecondaryMetaLine
} from './policiesPreviewFormatters.js'
import { canUseOnlyOfficePreview, resolveKnowledgePreviewMode } from './knowledgePreviewMode.js'
import {
canUseOnlyOfficePreview,
resolveKnowledgePreviewMode,
shouldRenderOnlyOfficeHost,
shouldRenderOnlyOfficePreview
} from './knowledgePreviewMode.js'
import { resolveKnowledgePreviewLayoutState } from './knowledgePreviewLayout.js'
import { buildOnlyOfficePreviewConfig } from './onlyOfficePreviewConfig.js'
function triggerFileDownload(blob, filename) {
const url = URL.createObjectURL(blob)
@@ -27,6 +34,43 @@ function triggerFileDownload(blob, filename) {
anchor.click()
URL.revokeObjectURL(url)
}
let bodyOverflowSnapshot = ''
let bodyOverscrollBehaviorSnapshot = ''
function setBodyScrollLocked(isLocked) {
if (typeof document === 'undefined') {
return
}
const { body } = document
if (!body) {
return
}
if (isLocked) {
if (body.dataset.knowledgePreviewLocked === 'true') {
return
}
bodyOverflowSnapshot = body.style.overflow
bodyOverscrollBehaviorSnapshot = body.style.overscrollBehavior
body.style.overflow = 'hidden'
body.style.overscrollBehavior = 'contain'
body.dataset.knowledgePreviewLocked = 'true'
return
}
if (body.dataset.knowledgePreviewLocked !== 'true') {
return
}
body.style.overflow = bodyOverflowSnapshot
body.style.overscrollBehavior = bodyOverscrollBehaviorSnapshot
delete body.dataset.knowledgePreviewLocked
bodyOverflowSnapshot = ''
bodyOverscrollBehaviorSnapshot = ''
}
export default {
name: 'PoliciesView',
@@ -56,7 +100,9 @@ export default {
const onlyOfficeAvailable = ref(false)
const onlyOfficeEditor = ref(null)
const onlyOfficeHostId = ref('knowledge-onlyoffice-preview')
const onlyOfficeReadyTimeoutId = ref(0)
const currentPreviewPageIndex = ref(0)
const previewDialogPanel = ref(null)
const isAdmin = computed(() => isManagerUser(currentUser.value))
const uploadHint = computed(() =>
@@ -88,15 +134,31 @@ export default {
return pages[currentPreviewPageIndex.value] || pages[0] || null
})
const previewMetaLine = computed(() => buildPreviewMetaLine(selectedDocument.value))
const previewSecondaryMetaLine = computed(() =>
buildPreviewSecondaryMetaLine(selectedDocument.value, activePreviewPage.value)
)
const previewSecondaryMetaLine = computed(() =>
buildPreviewSecondaryMetaLine(selectedDocument.value, activePreviewPage.value)
)
const previewLayoutState = computed(() =>
resolveKnowledgePreviewLayoutState(selectedDocument.value)
)
const previewMode = computed(() =>
resolveKnowledgePreviewMode(selectedDocument.value, {
onlyOfficeAvailable: onlyOfficeAvailable.value
})
)
const shouldUseOnlyOffice = computed(() => previewMode.value === 'onlyoffice')
const shouldRenderOnlyOffice = computed(() =>
shouldRenderOnlyOfficePreview(selectedDocument.value, {
onlyOfficeLoading: onlyOfficeLoading.value,
onlyOfficeAvailable: onlyOfficeAvailable.value,
onlyOfficeError: onlyOfficeError.value
})
)
const shouldRenderOnlyOfficeHostNode = computed(() =>
shouldRenderOnlyOfficeHost(selectedDocument.value, {
onlyOfficeLoading: onlyOfficeLoading.value,
onlyOfficeAvailable: onlyOfficeAvailable.value,
onlyOfficeError: onlyOfficeError.value
})
)
const excelPreviewTable = computed(() =>
selectedDocument.value?.previewKind === 'table'
? buildExcelPreviewTable(activePreviewPage.value)
@@ -110,12 +172,16 @@ export default {
}
}
function destroyOnlyOfficeEditor() {
if (onlyOfficeEditor.value?.destroyEditor) {
onlyOfficeEditor.value.destroyEditor()
}
onlyOfficeEditor.value = null
}
function destroyOnlyOfficeEditor() {
if (onlyOfficeReadyTimeoutId.value) {
window.clearTimeout(onlyOfficeReadyTimeoutId.value)
onlyOfficeReadyTimeoutId.value = 0
}
if (onlyOfficeEditor.value?.destroyEditor) {
onlyOfficeEditor.value.destroyEditor()
}
onlyOfficeEditor.value = null
}
async function mountOnlyOfficeEditor(documentId) {
onlyOfficeLoading.value = true
@@ -126,22 +192,63 @@ export default {
try {
const payload = await fetchKnowledgeOnlyOfficeConfig(documentId)
await loadOnlyOfficeApi(payload.documentServerUrl)
await nextTick()
await nextTick()
if (!window.DocsAPI?.DocEditor) {
throw new Error('ONLYOFFICE 编辑器未正确加载。')
}
onlyOfficeHostId.value = `knowledge-onlyoffice-preview-${documentId}`
await nextTick()
onlyOfficeEditor.value = new window.DocsAPI.DocEditor(onlyOfficeHostId.value, payload.config)
onlyOfficeAvailable.value = true
const config = buildOnlyOfficePreviewConfig(payload.config, {
viewportHeight: window.innerHeight
})
const upstreamEvents = config.events || {}
config.events = {
...upstreamEvents,
onAppReady(event) {
if (onlyOfficeReadyTimeoutId.value) {
window.clearTimeout(onlyOfficeReadyTimeoutId.value)
onlyOfficeReadyTimeoutId.value = 0
}
onlyOfficeAvailable.value = true
onlyOfficeLoading.value = false
upstreamEvents.onAppReady?.(event)
},
onError(event) {
if (onlyOfficeReadyTimeoutId.value) {
window.clearTimeout(onlyOfficeReadyTimeoutId.value)
onlyOfficeReadyTimeoutId.value = 0
}
const errorCode = event?.data?.errorCode
const errorDescription = event?.data?.errorDescription
const message = errorDescription
? `ONLYOFFICE 预览失败：${errorDescription}`
: `ONLYOFFICE 预览失败${errorCode ? `（错误码 ${errorCode}）` : '。'}`
onlyOfficeError.value = message
onlyOfficeLoading.value = false
console.error('ONLYOFFICE onError', event)
toast(message)
upstreamEvents.onError?.(event)
}
}
onlyOfficeEditor.value = new window.DocsAPI.DocEditor(onlyOfficeHostId.value, config)
onlyOfficeReadyTimeoutId.value = window.setTimeout(() => {
if (!onlyOfficeAvailable.value && !onlyOfficeError.value) {
onlyOfficeError.value = 'ONLYOFFICE 预览初始化超时。请检查浏览器是否拦截了 iframe 或混合内容。'
onlyOfficeLoading.value = false
toast(onlyOfficeError.value)
}
}, 10000)
return true
} catch (error) {
onlyOfficeError.value = error.message || 'ONLYOFFICE 预览加载失败。'
toast(onlyOfficeError.value)
return false
} finally {
onlyOfficeLoading.value = false
if (onlyOfficeError.value) {
onlyOfficeLoading.value = false
}
}
}
@@ -158,13 +265,12 @@ export default {
activeFolder.value = folders.value[0]?.name || ''
}
if (options.preserveSelection && selectedDocument.value?.id) {
const exists = documents.value.some((doc) => doc.id === selectedDocument.value.id)
if (!exists) {
selectedDocument.value = null
revokePreviewBlob()
}
}
if (options.preserveSelection && selectedDocument.value?.id) {
const exists = documents.value.some((doc) => doc.id === selectedDocument.value.id)
if (!exists) {
closePreview()
}
}
} catch (error) {
emit('summary-change', { totalDocuments: 0 })
toast(error.message || '知识库加载失败。')
@@ -187,7 +293,9 @@ export default {
currentPreviewPageIndex.value = 0
if (canUseOnlyOfficePreview(payload)) {
previewLoading.value = false
await mountOnlyOfficeEditor(documentId)
return
}
if (payload.previewKind === 'pdf' || payload.previewKind === 'image') {
@@ -271,13 +379,12 @@ export default {
deletingId.value = document.id
try {
await deleteKnowledgeDocument(document.id)
if (selectedDocument.value?.id === document.id) {
selectedDocument.value = null
revokePreviewBlob()
}
await loadLibrary()
toast('知识库文件已删除。')
await deleteKnowledgeDocument(document.id)
if (selectedDocument.value?.id === document.id) {
closePreview()
}
await loadLibrary()
toast('知识库文件已删除。')
} catch (error) {
toast(error.message || '删除失败。')
} finally {
@@ -291,15 +398,23 @@ export default {
currentPage.value = 1
}
function closePreview() {
selectedDocument.value = null
previewError.value = ''
currentPreviewPageIndex.value = 0
function closePreview() {
selectedDocument.value = null
previewLoading.value = false
previewError.value = ''
currentPreviewPageIndex.value = 0
revokePreviewBlob()
destroyOnlyOfficeEditor()
onlyOfficeLoading.value = false
onlyOfficeError.value = ''
onlyOfficeAvailable.value = false
}
function handleWindowKeydown(event) {
if (event.key === 'Escape' && selectedDocument.value) {
closePreview()
}
}
function selectPreviewPage(index) {
currentPreviewPageIndex.value = index
@@ -314,20 +429,35 @@ export default {
}
})
watch(activeFolder, () => {
closePreview()
})
onMounted(() => {
loadLibrary()
})
watch(activeFolder, () => {
closePreview()
})
watch(
() => previewLayoutState.value.isPreviewModalOpen,
async (isPreviewModalOpen) => {
setBodyScrollLocked(isPreviewModalOpen)
if (isPreviewModalOpen) {
await nextTick()
previewDialogPanel.value?.focus?.()
}
}
)
onMounted(() => {
loadLibrary()
window.addEventListener('keydown', handleWindowKeydown)
})
onBeforeUnmount(() => {
revokePreviewBlob()
destroyOnlyOfficeEditor()
setBodyScrollLocked(false)
window.removeEventListener('keydown', handleWindowKeydown)
})
return {
return {
activeFolder,
activePreviewPage,
changePageSize,
@@ -344,20 +474,23 @@ export default {
handleFileInput,
isAdmin,
loading,
pageSize,
pageSize,
pageSizeOpen,
pageSizes,
onlyOfficeError,
onlyOfficeHostId,
onlyOfficeLoading,
previewDialogPanel,
previewLayoutState,
previewMode,
previewMetaLine,
previewSecondaryMetaLine,
previewBlobUrl,
previewError,
previewLoading,
shouldUseOnlyOffice,
selectDocument,
previewError,
previewLoading,
shouldRenderOnlyOffice,
shouldRenderOnlyOfficeHostNode,
selectDocument,
selectPreviewPage,
selectedDocument,
totalCount,