|
|
@@ -309,7 +309,7 @@
|
|
|
style="width: 100%; height: 100%"
|
|
|
fit="contain"
|
|
|
:src="item.downloadUrl"
|
|
|
- :preview-src-list="previewSrcList"
|
|
|
+ @click="openMediaModal(item.downloadUrl, 1, '图片审核')"
|
|
|
></el-image>
|
|
|
<video
|
|
|
style="width: 100%; height: 100%"
|
|
|
@@ -317,7 +317,7 @@
|
|
|
:src="item.downloadUrl"
|
|
|
></video>
|
|
|
<img
|
|
|
- @click="openVideoModal(item.downloadUrl)"
|
|
|
+ @click="openMediaModal(item.downloadUrl, 2, '视频审核')"
|
|
|
v-if="item.mediaType == 2"
|
|
|
src="../../assets/icon-player.png"
|
|
|
style="
|
|
|
@@ -348,12 +348,20 @@
|
|
|
></div>
|
|
|
</div>
|
|
|
<el-dialog
|
|
|
- v-model="videoModal"
|
|
|
- title="视频审核"
|
|
|
+ v-model="mediaModal"
|
|
|
+ :title="modalTitle"
|
|
|
width="20%"
|
|
|
:before-close="videoClose"
|
|
|
>
|
|
|
+ <el-image
|
|
|
+ v-if="modalType == 1"
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
+ fit="contain"
|
|
|
+ :src="currentUrl"
|
|
|
+ :preview-src-list="modalPreview"
|
|
|
+ ></el-image>
|
|
|
<video
|
|
|
+ v-else
|
|
|
autoplay
|
|
|
controls
|
|
|
style="width: 100%; height: 100%"
|
|
|
@@ -384,7 +392,7 @@ export default {
|
|
|
|
|
|
async function getVoyageDetail() {
|
|
|
let res = await api.getVoyageDetail({
|
|
|
- type: 1,
|
|
|
+ type: 2,
|
|
|
voyageId: route.query.id,
|
|
|
});
|
|
|
|
|
|
@@ -509,10 +517,16 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
let currentUrl = ref("");
|
|
|
- let videoModal = ref(false);
|
|
|
- function openVideoModal(url) {
|
|
|
+ let mediaModal = ref(false);
|
|
|
+ let modalType = ref(1);
|
|
|
+ let modalTitle = ref();
|
|
|
+ let modalPreview = ref([]);
|
|
|
+ function openMediaModal(url, type, title) {
|
|
|
+ modalPreview.value = [url];
|
|
|
+ modalTitle.value = title;
|
|
|
+ modalType.value = type;
|
|
|
currentUrl.value = url;
|
|
|
- videoModal.value = true;
|
|
|
+ mediaModal.value = true;
|
|
|
}
|
|
|
|
|
|
async function auditMedia(mediaId, a, index, mediaType) {
|
|
|
@@ -540,12 +554,15 @@ export default {
|
|
|
cancelVoyageChange,
|
|
|
submitVoyageChange,
|
|
|
finishVoyage,
|
|
|
- openVideoModal,
|
|
|
+ openMediaModal,
|
|
|
previewSrcList,
|
|
|
router,
|
|
|
auditMedia,
|
|
|
+ modalType,
|
|
|
+ modalTitle,
|
|
|
currentUrl,
|
|
|
- videoModal,
|
|
|
+ mediaModal,
|
|
|
+ modalPreview,
|
|
|
};
|
|
|
},
|
|
|
};
|
