收藏文件宫格识图时图片显示

src/views/collect/index.vue

@@ -251,7 +251,7 @@
 
 <script setup>
 import Sortable from "sortablejs";
-import { setIcon } from "@/utils/index.js";
+// import { setIcon } from "@/utils/index.js";
 import draggable from "vuedraggable";
 import { onMounted, ref, watch, nextTick } from "vue";
 import { toRaw } from "@vue/reactivity";
@@ -271,62 +271,6 @@ const changeTabName = ref(""); //修改的标签名
 const tabList = ref([]);
 const isAsc = ref("asc");
 const tableData = [
-  {
-    date: "2016-05-03",
-    name: "Tom",
-    state: "California",
-    city: "Los Angeles",
-    address: "No. 189, Grove St, Los Angeles",
-    zip: "CA 90036",
-  },
-  {
-    date: "2016-05-02",
-    name: "Tom",
-    state: "California",
-    city: "Los Angeles",
-    address: "No. 189, Grove St, Los Angeles",
-    zip: "CA 90036",
-  },
-  {
-    date: "2016-05-04",
-    name: "Tom",
-    state: "California",
-    city: "Los Angeles",
-    address: "No. 189, Grove St, Los Angeles",
-    zip: "CA 90036",
-  },
-  {
-    date: "2016-05-01",
-    name: "Tom",
-    state: "California",
-    city: "Los Angeles",
-    address: "No. 189, Grove St, Los Angeles",
-    zip: "CA 90036",
-  },
-  {
-    date: "2016-05-08",
-    name: "Tom",
-    state: "California",
-    city: "Los Angeles",
-    address: "No. 189, Grove St, Los Angeles",
-    zip: "CA 90036",
-  },
-  {
-    date: "2016-05-06",
-    name: "Tom",
-    state: "California",
-    city: "Los Angeles",
-    address: "No. 189, Grove St, Los Angeles",
-    zip: "CA 90036",
-  },
-  {
-    date: "2016-05-07",
-    name: "Tom",
-    state: "California",
-    city: "Los Angeles",
-    address: "No. 189, Grove St, Los Angeles",
-    zip: "CA 90036",
-  },
 ];
 const visible = ref(false); //显示右键菜单
 const top = ref(0);
@@ -336,6 +280,17 @@ const isChangeTabName = ref(0); //存放修改状标签的id
 const folderArr = ref(); //文件夹数组
 const fileArr = ref(); //文件数组
 const isList = ref(false); //控制显示方式
+//----引入图片----
+import file_DOC from "../../assets/images/fileType/file_DOC.png"
+import file_pdf from "../../assets/images/fileType/file_pdf.png"
+import file_PPT from "../../assets/images/fileType/file_PPT.png"
+import file_TXT from "../../assets/images/fileType/file_TXT.png"
+import file_XLSX from "../../assets/images/fileType/file_XLSX.png"
+import file_pic from "../../assets/images/fileType/file_pic.png"
+import file_audio from "../../assets/images/fileType/file_audio.png"
+import file_video from "../../assets/images/fileType/file_video.png"
+import file_zip from "../../assets/images/fileType/file_zip.png"
+// -------
 onMounted(async () => {
   await getList();
   await getCollectList();
@@ -530,6 +485,44 @@ const sortArr = (field) => {
     return a[field] - b[field];
   };
 };
+
+ const setIcon = (fileType) => {
+  switch (fileType) {
+    case ".docx":
+      return file_DOC;
+      break;
+    case ".pdf":
+      return file_pdf;
+      break;
+    case ".ppt":
+      return file_PPT;
+      break;
+    case ".txt":
+      return file_TXT;
+      break;
+    case ".xlsx":
+      return file_XLSX;
+      break;
+    case ".csv":
+      return file_XLSX;
+      break;
+    case ".png":
+      return file_pic;
+      break;
+    case ".mp3":
+      return file_audio;
+      break;
+    case ".mp4":
+      return file_video;
+      break;
+    case ".zip":
+      return file_zip;
+      break;
+    default:
+      return file_DOC;
+      break;
+  }
+};
 </script>
 
 <style lang="scss" scoped>

src/views/myfile/MyFile.vue

@@ -1252,7 +1252,7 @@ export default {
                 } 
             }
             const res = await delFavorite(query)
-            //TODO 之后需要重新获取数据
+            //TODO 之后需要重新获取数据 并message提示
             console.log('res',res);
         }
         onMounted(() => {