longlong/xw_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改文件展示类型图标

Browse Source
This commit is contained in:
龙运模
2024-07-29 22:06:21 +08:00
parent 8810226673
commit b8c070c641
5 changed files with 100 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/docsManager/document.vue
+4 -2
View File
@@ -70,7 +70,7 @@
<div class="text">{{scope.row.name}}</div>
</div>
<div class="nameBox" v-else>
<el-icon size="large"><sc-icon-Excel/></el-icon>
<fileType :fileType="scope.row.file_suffix" />
<div class="text">{{scope.row.client_file_name}}</div>
</div>
</template>
@@ -102,6 +102,7 @@ import saveDialog from './save'
import uploadFile from './uploadFile'
import shareSave from './shareSave'
import moveFile from './moveFile'
import fileType from './fileType'
export default {
name: 'document',
@@ -109,7 +110,8 @@ export default {
saveDialog,
uploadFile,
shareSave,
moveFile
moveFile,
fileType
},
data() {
return {
src/views/docsManager/fileType.vue
+71 -3
View File
@@ -1,13 +1,75 @@
<template>
<div></div>
<span v-if="fileType =='xlsx' || fileType=='xls'">
<el-icon :size="size"><sc-icon-Excel/></el-icon>
</span>
<span v-else-if="fileType=='doc' || fileType == 'docx'">
<el-icon :size="size"><sc-icon-FileDoc/></el-icon>
</span>
<span v-else-if="fileType == 'pdf'">
<el-icon :size="size"><sc-icon-FilePdf/></el-icon>
</span>
<span v-else-if="fileType == 'jpg'">
<el-icon :size="size"><sc-icon-FileJpg/></el-icon>
</span>
<span v-else-if="fileType == 'png'">
<el-icon :size="size"><sc-icon-FilePng/></el-icon>
</span>
<span v-else-if="fileType == 'jpeg'">
<el-icon :size="size"><sc-icon-FileJpeg/></el-icon>
</span>
<span v-else-if="fileType == 'gif'">
<el-icon :size="size"><sc-icon-FileGif/></el-icon>
</span>
<span v-else-if="fileType == 'bmp'">
<el-icon :size="size"><sc-icon-FileBmp/></el-icon>
</span>
<span v-else-if="fileType == 'zip'">
<el-icon :size="size"><sc-icon-FileZip/></el-icon>
</span>
<span v-else-if="fileType == 'rar'">
<el-icon :size="size"><sc-icon-FileRar/></el-icon>
</span>
<span v-else-if="fileType == '7z'">
<el-icon :size="size"><sc-icon-File7z/></el-icon>
</span>
<span v-else-if="fileType == 'tar'">
<el-icon :size="size"><sc-icon-FileTar/></el-icon>
</span>
<span v-else-if="fileType == 'gz'">
<el-icon :size="size"><sc-icon-FileGz/></el-icon>
</span>
<span v-else-if="fileType == 'bz2'">
<el-icon :size="size"><sc-icon-FileBz2/></el-icon>
</span>
<span v-else-if="fileType == 'exe'">
<el-icon :size="size"><sc-icon-FileExe/></el-icon>
</span>
<span v-else-if="fileType == 'dwg'">
<el-icon :size="size"><sc-icon-FileDwg/></el-icon>
</span>
<span v-else-if="fileType == 'img'">
<el-icon :size="size"><sc-icon-FileImg/></el-icon>
</span>
<span v-else-if="fileType == 'tgz'">
<el-icon :size="size"><sc-icon-FileTgz/></el-icon>
</span>
<span v-else>
<el-icon :size="size"><sc-icon-FileTxt/></el-icon>
</span>
</template>
<script>
export default {
name: "fileType",
props:{
fileType:{
type:String,
default:'txt'
}
},
data(){
return{
size:'large'
}
},
mounted() {
@@ -20,5 +82,11 @@ export default {
</script>
<style scoped lang="scss">
span{
display: flex;align-items: center;
.el-icon{
margin-right: 8px;
display: flex;align-items: center;
}
}
</style>
src/views/docsManager/share.vue
+8 -2
View File
@@ -51,7 +51,7 @@
<div class="text">{{scope.row.name}}</div>
</div>
<div class="nameBox" v-else>
<el-icon size="large"><sc-icon-Excel/></el-icon>
<fileType :fileType="scope.row.file_suffix" />
<div class="text">{{scope.row.client_file_name}}</div>
</div>
</template>
@@ -77,10 +77,12 @@
<script>
import shareSave from './shareSave'
import fileType from './fileType'
export default {
name: 'share',
components: {
shareSave
shareSave,
fileType
},
data() {
return {
@@ -143,6 +145,10 @@ export default {
this.$refs.table.refresh();
},
prev(){
if(this.routerList.length < 2){
return
}
this.routerList.splice(this.routerList.length-1,1);
this.$store.commit("SET_share_router", this.routerList);