From eaa9caa47c867869648e5cd1a8ff9cbaafbbc2b2 Mon Sep 17 00:00:00 2001
From: jacky <phpcrazy@163.com>
Date: Tue, 16 Apr 2024 00:50:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AA=92=E4=BD=93=E5=BA=93?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/customPic/index.vue   | 2 +-
 src/view/content/mediaFile/index.vue | 9 ++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/customPic/index.vue b/src/components/customPic/index.vue
index 63212e2..76881e2 100644
--- a/src/components/customPic/index.vue
+++ b/src/components/customPic/index.vue
@@ -70,7 +70,7 @@ const previewSrcList = computed(() => props.preview ? [file.value] : [])
 </script>
 
 <style scoped>
-.headerAvatar {
+.headerAvatar1 {
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/src/view/content/mediaFile/index.vue b/src/view/content/mediaFile/index.vue
index f4ac688..193d40b 100644
--- a/src/view/content/mediaFile/index.vue
+++ b/src/view/content/mediaFile/index.vue
@@ -12,9 +12,10 @@
       </div>
 
       <el-table :data="tableData">
-        <el-table-column align="left" label="预览" width="120">
+        <el-table-column align="left" label="预览" width="110">
           <template #default="scope">
-            <CustomPic pic-type="file" :pic-src="scope.row.url" preview />
+            <el-image :src="getUrl(scope.row.url)" class="file" fit="cover" :preview-src-list="[getUrl(scope.row.url)]"
+              :preview-teleported="true" style="width: 80px; height: 80px" />
           </template>
         </el-table-column>
         <el-table-column align="left" label="日期" prop="UpdatedAt" width="180">
@@ -51,6 +52,7 @@
 </template>
 
 <script setup>
+import { getUrl } from '@/utils/image'
 import { getFileList, deleteFile, editFileName } from '@/api/mediaFile'
 import { downloadImage } from '@/utils/downloadImg'
 import CustomPic from '@/components/customPic/index.vue'
@@ -68,9 +70,6 @@ defineOptions({
 
 const path = ref(import.meta.env.VITE_BASE_API)
 
-const imageUrl = ref('')
-const imageCommon = ref('')
-
 const page = ref(1)
 const total = ref(0)
 const pageSize = ref(10)