feat:封装axios接口

src/components/Library/LibraryFileList.vue

@@ -1,9 +1,11 @@
 <template>
   <div class="file-list">
-    <div v-for="file in libraryStore.fileList" :key="file.id" class="file-card card-item">
-      <div class="file-info" @click="viewDetailClick(file)">
+    <library-filter v-if="libraryStore.fileList.length"/>
 
-        <div class="file-icon" :class="file.iconClass">
+    <div v-for="file in libraryStore.fileList" :key="file.id" class="file-card card-item">
+      <div class="file-info">
+
+        <div class="file-icon" :class="file.type === 'image' ? 'icon-image' : 'icon-pdf'">
           <el-icon v-if="file.type === 'image'" ><Picture /></el-icon>
           <el-icon v-else><Document /></el-icon>
         </div>
@@ -14,12 +16,12 @@
       </div>
 
       <div class="card-actions">
-        <el-button type="primary" :icon="Edit">编辑</el-button>
+        <el-button type="primary" :icon="Edit" @click="editClick(file)">编辑</el-button>
         <el-button type="danger" :icon="Delete">删除</el-button>
       </div>
     </div>
 
-    <el-empty v-if="!libraryStore.fileList.length" description="该模块暂无文件" :image-size="80" />
+    <el-empty v-if="!libraryStore.fileList.length" description="暂无文件" :image-size="80" />
   </div>
 </template>
 
@@ -27,11 +29,14 @@
 import { Delete, Edit, Picture, Document } from '@element-plus/icons-vue'
 import { useLibraryStore } from '@/stores/library.ts'
 import type { ILibraryFile } from '@/types/library.ts'
+import LibraryFilter from '@/components/Library/LibraryFilter.vue'
 
 const libraryStore = useLibraryStore()
 
-const viewDetailClick = (file: ILibraryFile) => {
-  libraryStore.currentFile = file
-  libraryStore.fileDetailDialogVisible = true
+const editClick = async (file: ILibraryFile) => {
+  await libraryStore.queryFileByList(file.id)
+  libraryStore.fileApiType = 'UPDATE'
+  libraryStore.hasGenerateQuestion = true
+  libraryStore.fileDialogVisible = true
 }
 </script>