update kkfile预览

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'
 

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'
 

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

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) {