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