|
|
@@ -115,7 +115,7 @@
|
|
|
<audio :src="fileDetail.url" controls autoplay style="width:90%" />
|
|
|
</div>
|
|
|
</template>
|
|
|
- <template v-else-if="fileType === 1006">
|
|
|
+ <template v-else-if="fileType === 1007">
|
|
|
<iframe :src="getPdfUrl(fileDetail.url)" width="100%" height="100%" frameborder="0" />
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
@@ -251,11 +251,35 @@ export default {
|
|
|
return timeStr.split(' ')[0].substring(5) // 精简只显示 "MM-DD"
|
|
|
},
|
|
|
getFileIcon(type) {
|
|
|
- const iconMap = { 1000: 'el-icon-folder', 1001: 'el-icon-picture', 1002: 'el-icon-video-camera', 1003: 'el-icon-headset', 1004: 'el-icon-document' }
|
|
|
+ const iconMap = {
|
|
|
+ 1000: 'el-icon-folder', // Folder
|
|
|
+ 1001: 'el-icon-picture', // Image
|
|
|
+ 1002: 'el-icon-video-camera', // Video
|
|
|
+ 1003: 'el-icon-headset', // Audio
|
|
|
+ 1004: 'el-icon-document', // Text
|
|
|
+ 1005: 'el-icon-set-up', // Other (Application / 应用程序/设置)
|
|
|
+ 1006: 'el-icon-files', // Any (*/* / 所有文件通配)
|
|
|
+ 1007: 'el-icon-document-checked', // DocPdf (PDF / 带有校验感的特殊文档)
|
|
|
+ 1008: 'el-icon-document-copy', // DocWord (Word / 复合文档)
|
|
|
+ 1009: 'el-icon-data-analysis', // DocExcel (Excel / 数据图表)
|
|
|
+ 1010: 'el-icon-monitor' // DocPpt (PPT / 演示文稿/显示器投影)
|
|
|
+ }
|
|
|
return iconMap[type] || 'el-icon-files'
|
|
|
},
|
|
|
getIconStyle(type) {
|
|
|
- const colorMap = { 1000: '#f59e0b', 1001: '#10b981', 1002: '#ef4444', 1003: '#8b5cf6' }
|
|
|
+ const colorMap = {
|
|
|
+ 1000: '#f59e0b', // Folder (琥珀黄 - 经典的文件夹色)
|
|
|
+ 1001: '#10b981', // Image (翡翠绿 - 代表多媒体图片)
|
|
|
+ 1002: '#ef4444', // Video (番茄红 - 视频/播放按钮常用色)
|
|
|
+ 1003: '#8b5cf6', // Audio (熏衣紫 - 音乐/声波律动色)
|
|
|
+ 1004: '#6b7280', // Text (中性灰 - 代表纯文本/代码)
|
|
|
+ 1005: '#3b82f6', // Other/Application (天空蓝 - 操作系统与应用软件常用色)
|
|
|
+ 1006: '#9ca3af', // Any (浅灰色 - 代表通配或未知类型)
|
|
|
+ 1007: '#dc2626', // DocPdf (正红色 - 契合 Adobe PDF 的标准标志色)
|
|
|
+ 1008: '#2563eb', // DocWord (深蓝色 - 契合 Microsoft Word 的官方蓝色)
|
|
|
+ 1009: '#16a34a', // DocExcel (深绿色 - 契合 Microsoft Excel 的官方绿色)
|
|
|
+ 1010: '#ea580c' // DocPpt (橘红色 - 契合 Microsoft PPT 的官方橙色)
|
|
|
+ }
|
|
|
return { color: colorMap[type] || '#64748b', fontSize: '24px' }
|
|
|
},
|
|
|
getPdfUrl(url) { return '/pdfjs/web/viewer.html?file=' + encodeURIComponent(url) },
|