From 6ebd997ea1d1554ee414275016048153ea13ce60 Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期一, 23 十月 2023 17:38:34 +0800
Subject: [PATCH] 视频封面展示

---
 ruoyi-ui/src/views/doctor/doctorInfo.vue |   63 +++++++++++++++++--------------
 1 files changed, 35 insertions(+), 28 deletions(-)

diff --git a/ruoyi-ui/src/views/doctor/doctorInfo.vue b/ruoyi-ui/src/views/doctor/doctorInfo.vue
index e517540..6ee2d75 100644
--- a/ruoyi-ui/src/views/doctor/doctorInfo.vue
+++ b/ruoyi-ui/src/views/doctor/doctorInfo.vue
@@ -147,40 +147,47 @@
           >
               <div v-if="uploading1" class="upload-status">姝e湪涓婁紶...</div>
               <i v-if="!uploading1" slot="default" class="el-icon-plus"></i>
-              <div slot="file" slot-scope="{file}">
-                <img
-                  class="el-upload-list__item-thumbnail"
-                  src="../../assets/401_images/401.gif"
-                  alt=""
-                  style="width: 100%; height: 100%; object-fit: cover;"
-                  fit="cover"
-                >
-                <span class="el-upload-list__item-actions">
-                <span
+      <div slot="file" slot-scope="{file}">
+        <!-- 娣诲姞video鍏冪礌鐢ㄤ簬鏄剧ず瑙嗛 -->
+        <video
+          v-if="file.url.includes('.mp4')"
+          class="el-upload-list__item-thumbnail"
+          :src="file.url"
+          style="width: 147px; height: 147px"
+          fit="cover"
+        ></video>
+        <img v-else
+             class="el-upload-list__item-thumbnail"
+             src="../../assets/401_images/401.gif"
+             alt=""
+             style="width: 100%; height: 100%"
+             fit="cover">
 
-                  class="el-upload-list__item-preview"
-                  @click="handleFileCardPreview(file)"
-                >
-                  <i class="el-icon-zoom-in"></i>
-                </span>
-                <span
+        <span class="el-upload-list__item-actions">
+               <span class="el-upload-list__item-name">{{ file.name }}</span>
+                    <span
+                      class="el-upload-list__item-preview"
+                      @click="handleFileCardPreview(file)"
+                    >
+                      <i class="el-icon-zoom-in"></i>
+                    </span>
+                    <span
 
-                  class="el-upload-list__item-delete"
-                  @click="handleDownload(file.url)"
-                >
+                      class="el-upload-list__item-delete"
+                      @click="handleDownload(file.url)"
+                    >
                  <i class="el-icon-download"></i>
                  </span>
-                <span
-                  v-if="isShow"
-                  class="el-upload-list__item-delete"
-                  @click="handleRemoveFile(file)"
-                >
-                  <i class="el-icon-delete"></i>
-                </span>
+                    <span
+                      v-if="isShow"
+                      class="el-upload-list__item-delete"
+                      @click="handleRemoveFile(file)"
+                    >
+                      <i class="el-icon-delete"></i>
+                    </span>
               </span>
 
-
-              </div>
+      </div>
 
 
           </el-upload>

--
Gitblit v1.9.1