Skip to content

P
pica.cloud.web-education-admin
提交 bbb136a7 编写于 作者: yi.li's avatar yi.li
浏览文件
操作

直播详情页联调

上级 635edea4
隐藏空白字符变更
内嵌 并排
正在显示 包含 58 行增加 和 33 行删除
src/components/shortvideo/shortVideoDetail.vue
浏览文件 @ bbb136a7
......@@ -8,34 +8,35 @@
<div class="video-detail-container">
<el-form ref="searchForm" :model="detailObj" label-suffix=":" size="small" label-width="100px">
<el-form-item label="视频描述">
<div>{{videoDesc}}</div>
<video :src="resourceUrl" controls="controls" poster="posterImg" class="video-content"></video>
<div>{{detailObj.videoDesc}}</div>
<video :src="detailObj.resourceUrl" controls="controls" poster="posterImg" class="video-content"></video>
</el-form-item>
<div style="width: 100%;height: 1px;background-color: #DCDFE6;"></div>
<p class="title">审核结果</p>
<el-form-item label="送审时间">
<div>{{detailObj.startTime}}</div>
<div>{{detailObj.startCheckDate}}</div>
</el-form-item>
<el-form-item label="机审完成时间">
<div>{{detailObj.endTime}}</div>
<div>{{detailObj.completeCheckDate}}</div>
</el-form-item>
<el-form-item label="审核结果">
<div>{{detailObj.status | videoStatusFilter}}</div>
<!-- <div>{{detailObj.status | videoStatusFilter}}</div>-->
<div>{{detailObj.checkResult}}</div>
</el-form-item>
<el-form-item label="审核说明">
<div>{{detailObj.intro}}</div>
<div>{{detailObj.checkExplain}}</div>
</el-form-item>
<el-form-item label="图片" class="image-check-video">
<div v-for="(item, index) in detailObj.srcList" style="display: inline-block">
<div v-for="(item, index) in detailObj.liteAvImages" style="display: inline-block">
<el-image
style="width: 100px; height: 100px;margin-right: 25px"
:src="item"
:src="item.url"
:preview-src-list="setSrc(index)">
<div slot="error" class="image-slot err-icon-set">
<i class="el-icon-picture-outline" style="font-size: 40px;margin-top: 25px;"></i>
</div>
</el-image>
<p style="text-align: center;padding-right: 25px;">1分30秒</p>
<p style="text-align: center;padding-right: 25px;">{{item.timePoint}}</p>
</div>
</el-form-item>
</el-form>
......@@ -48,30 +49,42 @@
export default {
data() {
return {
resourceUrl: '',
videoDesc: '',
detailObj: {
resourceUrl: '',
videoDesc: '',
desc: '这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整,' +
'这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整',
link: '',
posterImg: '',
startTime: '',
endTime: '',
startCheckDate: '',
completeCheckDate: '',
status: 2,
intro: '涉及血腥暴力这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整,' +
checkResult: '',
checkExplain: '涉及血腥暴力这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整,' +
'这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整描述文字这是一段完整',
srcList: [
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg',
'',
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg',
'',
liteAvImages: [
{
url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
timePoint: '1分30秒',
},
{
url: 'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg',
timePoint: '1分30秒',
},
{
url: '',
timePoint: '1分30秒',
},
{
url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
timePoint: '1分30秒',
},
{
url: 'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
timePoint: '1分30秒',
},
]
},
}
},
props: {
......@@ -94,8 +107,8 @@
setSrc(){
return function (index) {
let newArr = [];
let newItem = this.detailObj.srcList[index];
newArr[0] = newItem;
let newItem = this.detailObj.liteAvImages[index];
newArr[0] = newItem.url;
return newArr;
}
},
......@@ -106,8 +119,9 @@
getVideoDetail(id).then((res) => {
if(res.code == "000000") {
const { id, resourceUrl, videoDesc, liteAvCheckInfo } = res.data;
this.resourceUrl = resourceUrl;//视频地址
this.videoDesc = videoDesc;//视频描述
this.detailObj = res.data;
// this.resourceUrl = resourceUrl;//视频地址
// this.videoDesc = videoDesc;//视频描述
}
}).catch((error) => {
this.$message.error("请重试");
......
src/views/shortvideo/video-manage.vue
浏览文件 @ bbb136a7
......@@ -22,7 +22,7 @@
<el-col :span="6">
<el-form-item label="视频状态">
<el-select
v-model="searchForm.status"
v-model="searchForm.statusVideo"
placeholder="请选择视频状态"
clearable
style="width: 180px">
......@@ -128,13 +128,12 @@
data(){
return{
curmbFirst: '短视频管理',
activeName: 'first',
showAllFlag: false,
searchForm: {
circleName:"",//圈子名称
desc: '',//视频描述
publisherName: '',//发布人姓名
status: null,// 视频状态 1机审中 2机审通过已发布 3疑似违规 4机审通过待人审 5机审拒绝 6人审通过已发布 7已下线 8已删除
statusVideo: null,
pageNo: 1,
pageSize: 10,
},
......@@ -214,6 +213,15 @@
this.isActive1 = false;
this.isActive2 = false;
this.searchForm.status = null;
if (this.searchForm.statusVideo) {
this.searchForm.status = this.searchForm.statusVideo;//把搜索框里的视频状态置为空
}
}else {
if (this.searchForm.statusVideo) {
this.searchForm.status = this.searchForm.statusVideo;//把搜索框里的视频状态置为空
}else {
this.searchForm.status = null;
}
}
this.searchList();
},
......@@ -250,29 +258,31 @@
if (type == 1) {
if (!this.isActive1) {
this.searchForm.status = 3;
this.searchForm.statusVideo = null;
this.searchForm.circleName = "";
this.searchForm.desc = "";
this.searchForm.publisherName = "";
this.searchForm.pageNo = 1;
this.searchList();
this.isActive1 = true;
this.isActive2 = false;
}else {
this.resetForm();
}
this.isActive1 = !this.isActive1;
}else if (type == 2) {
if (!this.isActive2) {
this.searchForm.status = 4;
this.searchForm.statusVideo = null;
this.searchForm.circleName = "";
this.searchForm.desc = "";
this.searchForm.publisherName = "";
this.searchForm.pageNo = 1;
this.searchList();
this.isActive1 = false;
this.isActive2 = true;
}else {
this.resetForm();
}
this.isActive2 = !this.isActive2;
}
},
resetForm() {
......@@ -280,6 +290,7 @@
this.searchForm.desc = "";
this.searchForm.publisherName = "";
this.searchForm.status = null;
this.searchForm.statusVideo = null;
this.search();
},
//查看
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或