直播详情页联调

src/components/shortvideo/shortVideoDetail.vue

@@ -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

@@ -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();
       },
       //查看