|  |  |  | 
|---|
|  |  |  | </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 | 
|---|