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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/icons/file/Dwg.vue Normal file
View File

@ -0,0 +1,13 @@
<template>
<svg t="1722261646649" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7262" width="200" height="200"><path d="M899.072 658.432c36.864 0 68.608 15.36 94.208 36.864L911.36 110.592c-6.144-47.104-47.104-81.92-94.208-81.92H206.848c-47.104 0-88.064 32.768-96.256 81.92l-81.92 584.704c25.6-21.504 58.368-36.864 96.256-36.864h774.144z m0 47.104H124.928c-53.248 0-96.256 43.008-96.256 96.256v97.28c0 53.248 43.008 96.256 96.256 96.256h774.144c53.248 0 96.256-43.008 96.256-96.256v-97.28c0-53.248-41.984-96.256-96.256-96.256zM815.104 890.88h-60.416c-17.408 0-29.696-13.312-29.696-29.696 0-17.408 13.312-29.696 29.696-29.696h60.416c17.408 0 29.696 13.312 29.696 29.696 1.024 16.384-12.288 29.696-29.696 29.696z m79.872 0c-17.408 0-29.696-13.312-29.696-29.696 0-17.408 13.312-29.696 29.696-29.696s29.696 13.312 29.696 29.696-12.288 29.696-29.696 29.696z" fill="#E5E6E8" p-id="7263"></path></svg>
</template>
<script>
export default {
name: "Dwg"
}
</script>
<style scoped>
</style>

6
src/assets/icons/index.js
View File

@ -40,7 +40,7 @@ export { default as FileExe } from './file/Exe.vue'
export { default as FileGif } from './file/Gif.vue'
export { default as FileGz } from './file/Gz.vue'
export { default as FileImg } from './file/Img.vue'
export { default as FileJepg } from './file/Jepg.vue'
export { default as FileJpeg } from './file/Jepg.vue'
export { default as FileJpg } from './file/Jpg.vue'
export { default as FilePdf } from './file/Pdf.vue'
export { default as FilePng } from './file/Png.vue'
@ -48,7 +48,9 @@ export { default as FileRar } from './file/Rar.vue'
export { default as FileTgz } from './file/Tgz.vue'
export { default as FileTxt } from './file/Txt.vue'
export { default as Excel } from './file/Xls.vue'
export { default as Zip } from './file/Zip.vue'
export { default as FileZip } from './file/Zip.vue'
export { default as FileDwg } from './file/Dwg.vue'
export { default as FileTar } from './file/Tar.vue'
// 列表按钮
export { default as Delete } from './Delete.vue'

6
src/views/docsManager/document.vue
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 {

74
src/views/docsManager/fileType.vue
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>

10
src/views/docsManager/share.vue
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);