非dicom预览pdf和zip缩略图

src/views/none-dicom-show/index.vue

@@ -39,13 +39,37 @@
                   class="img-box"
                   @click="selected(item, i, j, true)"
                 >
-                  <div v-if="item.FileType === 'image/jpeg'" class="file-image">
+                  <div class="file-image">
                     <el-image
+                      v-if="
+                        [
+                          'image/jpeg',
+                          'image/jpg',
+                          'image/png',
+                          'image/bmp',
+                        ].includes(item.FileType)
+                      "
                       style="width: 100%; height: 100%"
                       :src="`${OSSclientConfig.basePath}${item.Path}?x-oss-process=image/resize,w_50,h_50/format,png`"
                       fit="contain"
                       crossorigin="anonymous"
                     />
+                    <el-image
+                      v-else-if="item.FileType === 'application/pdf'"
+                      style="width: 100%; height: 100%"
+                      :src="pdf"
+                      fit="contain"
+                      crossorigin="anonymous"
+                    />
+                    <el-image
+                      v-else-if="
+                        item.FileType === 'application/x-zip-compressed'
+                      "
+                      style="width: 100%; height: 100%"
+                      :src="zip"
+                      fit="contain"
+                      crossorigin="anonymous"
+                    />
                   </div>
                   <div v-if="item.FileName.length < 15" class="img-text">
                     {{ `${j + 1}. ${item.FileName}` }}
@@ -114,6 +138,8 @@
 <script>
 import { getNoneDicomStudyList, setNodicomStudyState } from '@/api/trials'
 import store from '@/store'
+import pdf from '@/assets/pdf.jpg'
+import zip from '@/assets/zip.jpg'
 import { changeURLStatic } from '@/utils/history.js'
 import Preview from './components/preview'
 import PreviewFile from '@/components/PreviewFile'
@@ -127,6 +153,8 @@ export default {
   },
   data() {
     return {
+      pdf,
+      zip,
       activeName: 'first',
       currentFileId: '',
       currentStudyIndex: 0,