From 53ecb1f2130a33a891981ebad85badffe91e9e50 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E9=9C=84?= Date: Fri, 20 Oct 2023 11:34:45 +0800 Subject: [PATCH] =?UTF-8?q?update=20kkfile=E9=A2=84=E8=A7=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/api_address_config.js | 2 +- src/components/FileEcho.vue | 4 +++- src/components/ProcessDetailList.vue | 2 +- src/components/UploadFile.vue | 14 +++++++------- src/components/jero/JUpload.vue | 6 +++--- .../questionAnswerLibrary/page/AnswerPage.vue | 2 +- .../plan/detail/PlanDetail.vue | 4 +++- .../standard/detail/EnterpriseStandardDetail.vue | 2 +- .../commonPage/StandardDetailPage.vue | 7 +++++-- 9 files changed, 25 insertions(+), 18 deletions(-) diff --git a/public/api_address_config.js b/public/api_address_config.js index b4344f0b..b057135a 100644 --- a/public/api_address_config.js +++ b/public/api_address_config.js @@ -3,7 +3,7 @@ */ window._CONFIG = {} window._CONFIG.domianURL = '/laws-sinotruk' // 路由转发 devServer -window._CONFIG.domianWebSocketURL = 'http://localhost:8080' +window._CONFIG.domianWebSocketURL = 'http://localhost:8184/laws-sinotruk' // 单点登录地址 window._CONFIG.staticDomainURL = window._CONFIG.domianURL + '/sys/common/download' window._CONFIG.pdfDomainURL = window._CONFIG.domianURL + '/sys/common/pdf/pdfPreviewIframe' diff --git a/src/components/FileEcho.vue b/src/components/FileEcho.vue index c6e00c02..0f0b90f7 100644 --- a/src/components/FileEcho.vue +++ b/src/components/FileEcho.vue @@ -29,8 +29,10 @@ import { downloadFile, getFileAccessHttpUrl } from '../api/manage.js' import { previewPdf } from '../utils/previewPdf.js' import { Base64 } from 'js-base64' +// 支持预览的文件类型 +const CAN_PREVIEW_FILE_TYPE = ['pdf', 'image'] // 支持预览的文件后缀 -const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'docx', 'doc'] +const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'mp4', 'flv'] const FILE_TYPE_IMGS = ['jpg', 'jpeg', 'png', 'raw'] const FILE_TYPE_PDF = 'pdf' diff --git a/src/components/ProcessDetailList.vue b/src/components/ProcessDetailList.vue index bcc32ac9..5e4ea48d 100644 --- a/src/components/ProcessDetailList.vue +++ b/src/components/ProcessDetailList.vue @@ -87,7 +87,7 @@ import { Base64 } from 'js-base64' import FlowChartModal from './FlowChartModal.vue' // 支持预览的文件后缀 -const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'docx', 'doc'] +const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'mp4', 'flv'] const FILE_TYPE_IMGS = ['jpg', 'jpeg', 'png', 'raw'] const FILE_TYPE_PDF = 'pdf' diff --git a/src/components/UploadFile.vue b/src/components/UploadFile.vue index e2fb7b95..06964e78 100644 --- a/src/components/UploadFile.vue +++ b/src/components/UploadFile.vue @@ -66,9 +66,9 @@ const CAN_UPLOAD_FILE_TYPE = 'doc,docx,xls,xlsx,pdf,png,jpg' const Base64 = require('js-base64').Base64 // 支持预览的文件类型 -const CAN_PREVIEW_FILE_TYPE = ['pdf', 'image', 'doc', 'docx'] -// 不支持预览的文件后缀 -const CAN_PREVIEW_FILE_SUFFIX = ['xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'mp4', 'flv'] +const CAN_PREVIEW_FILE_TYPE = ['pdf', 'image'] +// 支持预览的文件后缀 +const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'mp4', 'flv'] export default { name: 'UploadFile', @@ -305,7 +305,7 @@ export default { const fileSuffix = file.name ? file.name.split('.')[file.name.split('.').length - 1] : '' const canPreview = fileType ? CAN_PREVIEW_FILE_TYPE.every(tt => fileType.indexOf(tt) === -1) : CAN_PREVIEW_FILE_SUFFIX.some(tt => fileSuffix === tt) // 判断是否为可预览格式的文件 - if (canPreview) { + if (!canPreview) { this.$message.loading(this.$t('uploadFile.cannotPreview')).then(() => { this.handleDownload(file) }) @@ -436,15 +436,15 @@ export default { // 索赔上传需要根据传入的值判断是否可以上传 .upload-disabled { - /deep/ .ant-upload{ + /deep/ .ant-upload { display: none; } } // 不可删除文件 .delete-disabled { - /deep/.ant-upload-list-item-card-actions { - a:nth-child(2){ + /deep/ .ant-upload-list-item-card-actions { + a:nth-child(2) { display: none; } } diff --git a/src/components/jero/JUpload.vue b/src/components/jero/JUpload.vue index 0b0d76fb..d7d5fd5c 100644 --- a/src/components/jero/JUpload.vue +++ b/src/components/jero/JUpload.vue @@ -67,7 +67,7 @@ const Base64 = require('js-base64').Base64 // 支持预览的文件类型 const CAN_PREVIEW_FILE_TYPE = ['pdf', 'image'] // 支持预览的文件后缀 -const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'docx', 'doc'] +const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'mp4', 'flv'] const uidGenerator = () => { return '-' + parseInt(Math.random() * 10000 + 1, 10) } @@ -402,7 +402,7 @@ export default { const fileType = file.type // 截取文件后缀名 const fileSuffix = file.name ? file.name.split('.')[file.name.split('.').length - 1].toLowerCase() : '' - const canPreview = fileType ? CAN_PREVIEW_FILE_TYPE.some(tt => fileType.indexOf(tt) !== -1) : CAN_PREVIEW_FILE_SUFFIX.some(tt => fileSuffix === tt) + const canPreview = fileType ? CAN_PREVIEW_FILE_TYPE.some(tt => fileType.indexOf(tt) !== -1) : CAN_PREVIEW_FILE_SUFFIX.some(tt => fileSuffix.toLowerCase() === tt) // 判断是否为可预览格式的文件 if (!canPreview) { this.$message.loading('该文件类型不支持预览，正在为您准备下载...').then(() => { @@ -428,7 +428,7 @@ export default { return } // 其余可预览文件仍使用KKFile进行预览 - const url = `${window._CONFIG.onlinePreviewDomainURL}?url=${encodeURIComponent(Base64.encode(fileFullUrl))}` + const url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + encodeURIComponent(Base64.encode(fileFullUrl)) window.open(url) }, getFileUrl (fileId) { diff --git a/src/views/businessSupport/questionAnswerLibrary/page/AnswerPage.vue b/src/views/businessSupport/questionAnswerLibrary/page/AnswerPage.vue index 29e1c0d3..41c36746 100644 --- a/src/views/businessSupport/questionAnswerLibrary/page/AnswerPage.vue +++ b/src/views/businessSupport/questionAnswerLibrary/page/AnswerPage.vue @@ -117,7 +117,7 @@ import { getFileInfo } from '@/api/api' import { previewPdf } from '@/utils/previewPdf' // 支持预览的文件后缀 -const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'docx', 'doc'] +const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'mp4', 'flv'] const FILE_TYPE_IMGS = ['jpg', 'jpeg', 'png', 'raw'] const FILE_TYPE_PDF = 'pdf' const Base64 = require('js-base64').Base64 diff --git a/src/views/enterpriseStandardLibrary/plan/detail/PlanDetail.vue b/src/views/enterpriseStandardLibrary/plan/detail/PlanDetail.vue index 84926cbd..d9bb671b 100644 --- a/src/views/enterpriseStandardLibrary/plan/detail/PlanDetail.vue +++ b/src/views/enterpriseStandardLibrary/plan/detail/PlanDetail.vue @@ -160,8 +160,10 @@ import { previewPdf } from '@/utils/previewPdf' import { getFileAccessHttpUrl } from '@/api/manage' import { getFileInfo } from '../../../../api/api' +// 支持预览的文件类型 +const CAN_PREVIEW_FILE_TYPE = ['pdf', 'image'] // 支持预览的文件后缀 -const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'docx', 'doc'] +const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'mp4', 'flv'] const FILE_TYPE_IMGS = ['jpg', 'jpeg', 'png', 'raw'] const FILE_TYPE_PDF = 'pdf' const Base64 = require('js-base64').Base64 diff --git a/src/views/enterpriseStandardLibrary/standard/detail/EnterpriseStandardDetail.vue b/src/views/enterpriseStandardLibrary/standard/detail/EnterpriseStandardDetail.vue index 12ab0249..fd56dd32 100644 --- a/src/views/enterpriseStandardLibrary/standard/detail/EnterpriseStandardDetail.vue +++ b/src/views/enterpriseStandardLibrary/standard/detail/EnterpriseStandardDetail.vue @@ -141,7 +141,7 @@ import UserSelectModal from '@comp/selection/UserSelectModal' import StandardResolutionSheetModal from '@views/standardRegulationLibrary/commonPage/modules/StandardResolutionSheetModal' // 支持预览的文件后缀 -const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'docx', 'doc'] +const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'mp4', 'flv'] const FILE_TYPE_IMGS = ['jpg', 'jpeg', 'png', 'raw'] const FILE_TYPE_PDF = 'pdf' const Base64 = require('js-base64').Base64 diff --git a/src/views/standardRegulationLibrary/commonPage/StandardDetailPage.vue b/src/views/standardRegulationLibrary/commonPage/StandardDetailPage.vue index 09e81f3e..2a15759f 100644 --- a/src/views/standardRegulationLibrary/commonPage/StandardDetailPage.vue +++ b/src/views/standardRegulationLibrary/commonPage/StandardDetailPage.vue @@ -76,7 +76,8 @@
- {{ $t('download') }} + + {{ $t('download') }} @@ -164,8 +165,9 @@ const OverseasApi = { } // 支持预览的文件后缀 -const CAN_PREVIEW_FILE_SUFFIX = ['jpg', 'jpeg', 'png', 'raw', 'pdf', 'docx', 'doc'] +const CAN_PREVIEW_FILE_SUFFIX = ['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'mp4', 'flv', 'pdf', 'jpg', 'jpeg', 'png', 'raw'] const FILE_TYPE_PDF = 'pdf' +const FILE_TYPE_IMGS = ['jpg', 'jpeg', 'png', 'raw'] export default { name: 'StandardDetailPage', @@ -366,6 +368,7 @@ export default { return } const fileFullUrl = `${window._CONFIG.domianWebSocketURL}/sys/common/download/${file.id}?token=${Vue.ls.get(ACCESS_TOKEN)}&fullfilename=${file.fileName}` + console.log(fileFullUrl) // 图片预览，使用自己添加的组件 if (canPreview && FILE_TYPE_IMGS.includes(fileSuffix.toLowerCase())) { this.imageUrl = getFileAccessHttpUrl(file.id)