|
|
@@ -30,7 +30,10 @@
|
|
|
<!-- <el-table-column label="视频标题" min-width="150" align="center" prop="videoTitle" /> -->
|
|
|
<el-table-column label="原视频" min-width="130" align="center" prop="videoCoverImageUrl">
|
|
|
<template slot-scope="scope">
|
|
|
- <div v-if="scope.row.rawVideoUrl" class="video" @click="handlePlay(scope.row.rawVideoUrl)">
|
|
|
+ <div class="video" v-if="scope.row.processStatus == 0">
|
|
|
+ 视频处理中
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.row.rawVideoUrl" class="video" @click="handlePlay(scope.row.rawVideoUrl)">
|
|
|
<img class="video-img" style="max-width: 100%;" :src="scope.row.videoCoverImageUrl" alt="">
|
|
|
<i class="el-icon-video-play" />
|
|
|
</div>
|
|
|
@@ -38,7 +41,10 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="视频封面" min-width="130" align="center" prop="videoCoverImageUrl">
|
|
|
<template slot-scope="scope">
|
|
|
- <div class="video">
|
|
|
+ <div class="video" v-if="scope.row.processStatus == 0">
|
|
|
+ 视频处理中
|
|
|
+ </div>
|
|
|
+ <div class="video" v-else>
|
|
|
<el-image class="video-last-img video" :src="scope.row.videoCoverImageUrl"
|
|
|
:preview-src-list="[scope.row.videoCoverImageUrl]" :lazy="true" />
|
|
|
<i class="el-icon-zoom-in" />
|
|
|
@@ -47,7 +53,10 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="视频末帧" min-width="130" align="center" prop="videoEndFrameUrl">
|
|
|
<template slot-scope="scope">
|
|
|
- <div class="video">
|
|
|
+ <div class="video" v-if="scope.row.processStatus == 0">
|
|
|
+ 视频处理中
|
|
|
+ </div>
|
|
|
+ <div class="video" v-else>
|
|
|
<el-image class="video-last-img video" :src="scope.row.videoEndFrameUrl"
|
|
|
:preview-src-list="[scope.row.videoEndFrameUrl]" :lazy="true" />
|
|
|
<i class="el-icon-zoom-in" />
|
|
|
@@ -65,8 +74,9 @@
|
|
|
<el-table-column label="创建时间" min-width="100" align="center" prop="createTime" />
|
|
|
<el-table-column label="处理状态" min-width="100" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <span v-if="scope.row.processStatus != 2">{{ scope.row.processResult }}</span>
|
|
|
- <span v-else>
|
|
|
+ <span v-if="scope.row.processStatus == 0">视频处理中</span>
|
|
|
+ <span v-if="scope.row.processStatus == 1">处理成功</span>
|
|
|
+ <span v-if="scope.row.processStatus == 2">
|
|
|
<el-tooltip class="item" effect="dark" placement="top-start">
|
|
|
<span style="color: #f16272;cursor: pointer;">处理失败 <i class="el-icon-warning"></i></span>
|
|
|
<div style="max-width: 300px;" slot="content">{{ scope.row.processResult }}</div>
|
