| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { fileType } from '@/utils/util'; |
| | | // import { fileType } from '@/utils/util'; |
| | | import FileLinkItem from './FileLinkItem.vue'; |
| | | import PDFPreview from './PDFPreview' |
| | | import ElImageViewer from 'element-ui/packages/image/src/image-viewer' |
| | |
| | | }, |
| | | computed: { |
| | | // 图片地址 |
| | | srcList() { |
| | | return this.links.filter(item => { |
| | | let link = item[this.linkName] |
| | | return fileType(link) == 1 |
| | | }).map(item => item[this.linkName]) |
| | | } |
| | | // srcList() { |
| | | // return this.links.filter(item => { |
| | | // let link = item[this.linkName] |
| | | // return fileType(link) == 1 |
| | | // }).map(item => item[this.linkName]) |
| | | // } |
| | | }, |
| | | methods: { |
| | | deleteFile(index) { |
| | |
| | | }, |
| | | showFile(url) { |
| | | debugger |
| | | let type = fileType(url) |
| | | switch (type) { |
| | | case 1: |
| | | this.tempIndex = this.srcList.findIndex(item => item == url) |
| | | this.showViewer = true |
| | | break; |
| | | case 2: |
| | | this.$refs.PDFPreview.open('', { url }) |
| | | break; |
| | | case 3: |
| | | window.open(url, '_blank') |
| | | break; |
| | | default: |
| | | break; |
| | | } |
| | | // let type = fileType(url) |
| | | // switch (type) { |
| | | // case 1: |
| | | // this.tempIndex = this.srcList.findIndex(item => item == url) |
| | | // this.showViewer = true |
| | | // break; |
| | | // case 2: |
| | | // this.$refs.PDFPreview.open('', { url }) |
| | | // break; |
| | | // case 3: |
| | | // window.open(url, '_blank') |
| | | // break; |
| | | // default: |
| | | // break; |
| | | // } |
| | | }, |
| | | close() { |
| | | this.showViewer = false |