From 7f22005c863cd56f62ee4ea5c8c188954de6362b Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期一, 23 十月 2023 17:25:33 +0800
Subject: [PATCH] 视频封面展示
---
ruoyi-ui/src/views/collection/collectionInfo.vue | 2 +-
ruoyi-ui/src/views/bignote/familyeventInfo.vue | 34 +++++++++++++++++-----------------
2 files changed, 18 insertions(+), 18 deletions(-)
diff --git a/ruoyi-ui/src/views/bignote/familyeventInfo.vue b/ruoyi-ui/src/views/bignote/familyeventInfo.vue
index f487da1..b265eac 100644
--- a/ruoyi-ui/src/views/bignote/familyeventInfo.vue
+++ b/ruoyi-ui/src/views/bignote/familyeventInfo.vue
@@ -100,7 +100,7 @@
list-type="picture-card"
:on-preview="handleFileCardPreview"
:on-remove="handleRemoveFile"
- :http-request="requestUpload"
+ :http-request="requestUpload1"
:show-file-list="true"
:disabled="!btn"
:class="{ hide: !btn }"
@@ -109,14 +109,23 @@
<div v-if="uploading" class="upload-status">姝ｅ湪涓婁紶...</div>
<i v-if="!uploading" slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}">
- <img
+ <!-- 娣诲姞video鍏冪礌鐢ㄤ簬鏄剧ず瑙嗛 -->
+ <video
+ v-if="file.url.includes('.mp4')"
class="el-upload-list__item-thumbnail"
- src="../../assets/401_images/401.gif"
- alt=""
+ :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">
+
<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)"
@@ -137,8 +146,7 @@
>
<i class="el-icon-delete"></i>
</span>
- </span>
-
+ </span>
</div>
@@ -247,16 +255,8 @@
if (id) {
this.loading = true;
getFamilyeventInfo(id).then((response) => {
- console.log("涓婇潰");
- console.log(this.btn);
this.formData = response.data;
- const url = this.formData.url;
- // const url1 = url.replace(/^http:/, 'https:');
- const url1 = url.replace(/http:\/\/47\.93\.189\.255:8080\//g, '');
- this.formData.url = url1; // 鏇存柊 formData 瀵硅薄涓殑 url 瀛楁
- console.log(url);
- console.log(url1); // 杈撳嚭淇敼鍚庣殑 https URL
- let paths = this.formData.url.split(","); // 淇姝ゅ
+ let paths = this.formData.url.split(",");
for(let i = 0; i < paths.length; i++)
{
if(paths[i]!="") {
@@ -273,8 +273,8 @@
}
}
}
+ this.loading = false;
});
- this.loading = false;
}
},
mounted() {},
diff --git a/ruoyi-ui/src/views/collection/collectionInfo.vue b/ruoyi-ui/src/views/collection/collectionInfo.vue
index 8a89357..749f048 100644
--- a/ruoyi-ui/src/views/collection/collectionInfo.vue
+++ b/ruoyi-ui/src/views/collection/collectionInfo.vue
@@ -243,7 +243,7 @@
remark:undefined,
url: undefined,
},
- desurl:'',
+
dialogImageUrl: '',
dialogVisible: false,
disabled: false,
--
Gitblit v1.9.1