|
@@ -9,13 +9,63 @@
|
|
@mouseleave="isIconShowIndex = 10000000000"
|
|
@mouseleave="isIconShowIndex = 10000000000"
|
|
@click="fileClick(item)"
|
|
@click="fileClick(item)"
|
|
@dblclick="filesClick(item)">
|
|
@dblclick="filesClick(item)">
|
|
- <div class="image">
|
|
|
|
- <el-image
|
|
|
|
- style="width: 100%; height: 100%"
|
|
|
|
- :src="item.cover || require('../../../assets/file_icons/unknow.png')"
|
|
|
|
- fit="fill">
|
|
|
|
- </el-image>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="image">
|
|
|
|
+ <el-image
|
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
|
+ :src="item.cover"
|
|
|
|
+ fit="fill">
|
|
|
|
+ <div slot="error" class="image-slot">
|
|
|
|
+ <el-image
|
|
|
|
+ v-if="item.postfix === 'FOLDER' || item.postfix === 'folder'"
|
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
|
+ :src="require('../../../assets/file_icons/folder.png')"
|
|
|
|
+ fit="fill">
|
|
|
|
+ </el-image>
|
|
|
|
+ <el-image
|
|
|
|
+ v-else-if="item.postfix === 'PPT' || item.postfix === 'ppt' || item.postfix === 'PPTX' || item.postfix === 'pptx'"
|
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
|
+ :src="require('../../../assets/file_icons/PPT.png')"
|
|
|
|
+ fit="fill">
|
|
|
|
+ </el-image>
|
|
|
|
+ <el-image
|
|
|
|
+ v-else-if="item.postfix === 'PNG' || item.postfix === 'png' || item.postfix === 'JPG' || item.postfix === 'jpg' || item.postfix === 'JPEG' || item.postfix === 'jpeg'"
|
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
|
+ :src="require('../../../assets/file_icons/image.png')"
|
|
|
|
+ fit="fill">
|
|
|
|
+ </el-image>
|
|
|
|
+ <el-image
|
|
|
|
+ v-else-if="item.postfix === 'XLS' || item.postfix === 'xls' || item.postfix === 'XLSX' || item.postfix === 'xlsx'"
|
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
|
+ :src="require('../../../assets/file_icons/excel.png')"
|
|
|
|
+ fit="fill">
|
|
|
|
+ </el-image>
|
|
|
|
+ <el-image
|
|
|
|
+ v-else-if="item.postfix === 'MP4' || item.postfix === 'mp4' || item.postfix === 'AVI' || item.postfix === 'avi'"
|
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
|
+ :src="require('../../../assets/file_icons/video.png')"
|
|
|
|
+ fit="fill">
|
|
|
|
+ </el-image>
|
|
|
|
+ <el-image
|
|
|
|
+ v-else-if="item.postfix === 'DOC' || item.postfix === 'doc' || item.postfix === 'DOCX' || item.postfix === 'docx'"
|
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
|
+ :src="require('../../../assets/file_icons/word.png')"
|
|
|
|
+ fit="fill">
|
|
|
|
+ </el-image>
|
|
|
|
+ <el-image
|
|
|
|
+ v-else-if="item.postfix === 'PDF' || item.postfix === 'pdf'"
|
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
|
+ :src="require('../../../assets/file_icons/PDF.png')"
|
|
|
|
+ fit="fill">
|
|
|
|
+ </el-image>
|
|
|
|
+ <el-image
|
|
|
|
+ v-else
|
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
|
+ :src="require('../../../assets/file_icons/unknow.png')"
|
|
|
|
+ fit="fill">
|
|
|
|
+ </el-image>
|
|
|
|
+ </div>
|
|
|
|
+ </el-image>
|
|
|
|
+ </div>
|
|
<el-tooltip class="item" effect="dark" :content="item.document" placement="top">
|
|
<el-tooltip class="item" effect="dark" :content="item.document" placement="top">
|
|
<p class="text">{{item.document}}</p>
|
|
<p class="text">{{item.document}}</p>
|
|
</el-tooltip>
|
|
</el-tooltip>
|