|
|
@@ -329,7 +329,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%"
|
|
|
@@ -337,7 +337,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="
|
|
|
@@ -380,12 +380,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%"
|
|
|
@@ -404,12 +412,8 @@ import _ from "lodash";
|
|
|
import router from "../../router";
|
|
|
import store from "../../store";
|
|
|
import { ElNotification } from "element-plus";
|
|
|
-import PicTimelineVue from "../../components/PicTimeline.vue";
|
|
|
|
|
|
export default {
|
|
|
- components: {
|
|
|
- PicTimelineVue,
|
|
|
- },
|
|
|
setup() {
|
|
|
const route = useRoute();
|
|
|
let map = ref();
|
|
|
@@ -545,10 +549,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) {
|
|
|
@@ -576,12 +586,15 @@ export default {
|
|
|
cancelVoyageChange,
|
|
|
submitVoyageChange,
|
|
|
finishVoyage,
|
|
|
- openVideoModal,
|
|
|
+ openMediaModal,
|
|
|
previewSrcList,
|
|
|
router,
|
|
|
auditMedia,
|
|
|
+ modalType,
|
|
|
+ modalTitle,
|
|
|
currentUrl,
|
|
|
- videoModal,
|
|
|
+ mediaModal,
|
|
|
+ modalPreview,
|
|
|
};
|
|
|
},
|
|
|
};
|
