From ffee2285e57a5c725dfff2bd830ea8dfad520ad7 Mon Sep 17 00:00:00 2001
From: jacky <phpcrazy@163.com>
Date: Sat, 20 Apr 2024 09:49:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B9=BF=E5=91=8A=E5=86=85=E5=AE=B9=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E9=A1=B5=E5=A2=9E=E5=8A=A0=E5=AA=92=E4=BD=93=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/view/ad/content.vue | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/view/ad/content.vue b/src/view/ad/content.vue
index dbe86ec..eb4a3e7 100644
--- a/src/view/ad/content.vue
+++ b/src/view/ad/content.vue
@@ -8,7 +8,17 @@
       </div>
       <el-table ref="multipleTable" :data="tableData" row-key="ID" @selection-change="handleSelectionChange">
         <el-table-column fixed type="selection" width="40" align="center" />
-        <el-table-column align="left" label="ID" min-width="80" prop="ID" />
+        <el-table-column align="left" label="ID" min-width="60" prop="ID" />
+        <el-table-column align="left" label="媒体文件" min-width="160" prop="position">
+          <template #default="scope">
+            <el-image v-if="scope.row.adType === 1 || scope.row.adType === 3" :src="scope.row.mediaUrl" class="file"
+              fit="cover" :preview-src-list="[scope.row.mediaUrl]" preview-teleported hide-on-click-modal
+              close-on-press-escape style="width: 120px; height: 80px" />
+            <div v-else-if="scope.row.adType === 2">
+              <video :src="scope.row.mediaUrl" controls="controls" style="width: 120px; height: 80px" />
+            </div>
+          </template>
+        </el-table-column>
         <el-table-column align="left" label="类型" min-width="80" prop="adType">
           <template #default="scope">
             {{ formatAdType(scope.row.adType) }}
@@ -21,12 +31,12 @@
         </el-table-column>
         <el-table-column align="left" label="媒体地址" min-width="300" prop="mediaUrl" />
         <el-table-column align="left" label="跳转地址" min-width="300" prop="url" />
-        <el-table-column align="left" label="有效起始日期" min-width="140" prop="validStart">
+        <el-table-column align="left" label="有效起始" min-width="140" prop="validStart">
           <template #default="scope">
             {{ formatOnlyDate(scope.row.validStart) }}
           </template>
         </el-table-column>
-        <el-table-column align="left" label="有效截止日期" min-width="140" prop="validEnd">
+        <el-table-column align="left" label="有效截止" min-width="140" prop="validEnd">
           <template #default="scope">
             {{ formatOnlyDate(scope.row.validEnd) }}
           </template>
@@ -92,8 +102,10 @@
             </el-upload>
           </div>
           <div class="upload-file-box">
-            <el-image v-if="editForm.mediaUrl !== '' && uploadInfo.mediaType === 'pic'" :src="editForm.mediaUrl"
-              class="avatar" fit="cover" style="width: 100%; min-height: 178px; min-width: 178px;" />
+            <el-image
+              v-if="editForm.mediaUrl !== '' && (uploadInfo.mediaType === 'pic' || uploadInfo.mediaType === 'gif')"
+              :src="editForm.mediaUrl" class="avatar" fit="cover"
+              style="width: 100%; min-height: 178px; min-width: 178px;" />
             <div v-else-if="editForm.mediaUrl !== '' && uploadInfo.mediaType === 'video'">
               <video :src="editForm.mediaUrl" controls="controls" :width="uploadInfo.mediaWidth"
                 :height="uploadInfo.mediaHeight" />