预览查看

src/views/engin_deposit/components/refund_list-detail.vue

@@ -300,6 +300,7 @@
                 v-if="checkFileType(scope.row.fileUrl) == 'image'"
                 style="width: 120px; height: 120px"
                 fit="cover"
+                :preview-src-list="[imageURL + scope.row.fileUrl]"
               >
               </el-image>
               <img
@@ -322,6 +323,11 @@
                 src="@/assets/common/pdf.png"
                 v-if="checkFileType(scope.row.fileUrl) == 'pdf'"
               />
+              <img
+                v-if="checkFileType(scope.row.fileUrl) == 'file'"
+                class="file aaa"
+                src="@/assets/common/zip.jpeg"
+              />
             </template>
           </el-table-column>
           <el-table-column
@@ -549,7 +555,13 @@ export default {
       checkNote: "",
     };
   },
+  computed: {
+    previewImages() {
+      const fileList = [];
 
+      return fileList;
+    },
+  },
   created() {
     console.log(this.$imageUrl, 8888);
     this.checkBy = this.name;
@@ -589,6 +601,8 @@ export default {
         return "ppt";
       } else if (["pdf"].includes(fileSuffix)) {
         return "pdf";
+      } else if (["zip", "rar", "gz", "apk"].includes(fileSuffix)) {
+        return "file";
       } else {
         return "";
       }
@@ -661,6 +675,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.aaa {
+  height: 64px;
+  width: 64px;
+}
 .dateS {
   .value {
     padding: 0;