圈子二期直播管理修改

src/views/yqrange/live-manage.vue

@@ -62,15 +62,14 @@
               @click="liveLink(scope.row)"
               type="text"
               size="small"
-              v-if="!(scope.row.liveStatus==4 && scope.row.liveScope==1)"
-            >直播链接</el-button>
+              v-if="!(scope.row.liveStatus==4 && scope.row.liveScope==1)">直播链接</el-button>
             <el-button
               @click="countLive(scope.row)"
               type="text"
               size="small"
-              v-if="scope.row.liveStatus==4"
-            >数据统计</el-button>
+              v-if="scope.row.liveStatus==4">数据统计</el-button>
             <el-button @click="editLive(scope.row)" type="text" size="small">编辑</el-button>
+            <el-button @click="setPlayback(scope.row)" type="text" size="small" v-if="playbackSetFlag == 1">设置回放</el-button>
             <!-- <el-button @click="deleteLive(scope.row)" type="text" size="small">删除</el-button> -->
           </template>
         </el-table-column>
@@ -137,6 +136,51 @@
           </el-col>
         </div>
       </el-dialog>
+
+      <el-dialog
+        title="设置回放"
+        :visible.sync="dialogLivePlaybackVisible"
+        width="500px"
+        :close-on-click-modal="false"
+        @close="handleLivePlaybackClose"
+        center>
+        <!--<input type="text" id="copyInput" class="hidden-input" />-->
+
+        <div class="live_url_style">
+          <el-radio-group size="small" style="line-height: 30px;" v-model="canPlayback" @change="changePlayback">
+            <el-radio label="1">使用直播原视频播放</el-radio>
+            <el-radio label="2">上传回放视频（下载原视频编辑后上传）</el-radio>
+          </el-radio-group>
+        </div>
+
+          <div style="float:left;margin-left:30px;">
+          <span>①下载原视频</span>
+
+          <el-button @click="download('model')" type="text" size="small">下载</el-button>
+          </div>
+
+        <div style="float:left;margin-left:30px;">
+          <span>②上传回放视频</span>
+          <el-upload
+            v-if="isMgUrl"
+            v-model="playbackUrl"
+            class="bg-uploader"
+            action="#"
+            accept="*/*"
+            :limit="1"
+            :before-upload="beforeVideoUpload">
+            <!--<video class="video-mg-url" controls preload :src="cleatBroadcast.liveInfo.mgUrl"></video>-->
+            <!-- <img v-if="!cleatBroadcast.liveInfo.mgUrl" class="video-bg-img" src="../../../static/img/small.png"> -->
+          </el-upload>
+
+          <el-button @click="upload" type="text" size="small">上传（仅支持mp4）</el-button>
+        </div>
+
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="openPlay" right>开启回放</el-button>
+        </div>
+
+      </el-dialog>
     </div>
   </div>
 </template>
@@ -153,6 +197,9 @@ export default {
       curmbSecond: "直播管理",
       dialogStatisticsVisible: false,
       dialogLivelinkVisible: false,
+      dialogLivePlaybackVisible: false,
+      playbackSetFlag: 1,
+      canPlayback: 1,
       searchForm: {
         liveName: "",
         liveStatus: "",
@@ -276,7 +323,64 @@ export default {
       this.dialogLivelinkVisible = false;
     },
     //回放
-    reviewLive(row) {},
+    setPlayback(row) {
+      this.dialogLivePlaybackVisible = true;
+
+    },
+    //关闭设置回放弹窗
+    handleLivePlaybackClose() {
+      this.dialogLivePlaybackVisible = false;
+    },
+
+    // 设置回放方式
+    changePlayback(){
+      if(this.canPlayback == 2){
+
+      }
+    },
+
+    // 下载
+    download(type){
+        let downloadUrl = "";
+        if (type == "model") {
+          // downloadUrl = getExeclUrl(
+          //   "%E6%95%99%E5%9F%B9%E9%A1%B9%E7%9B%AE%E8%A7%92%E8%89%B2%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xlsx"
+          // );
+          downloadUrl = "http://1302268825.vod2.myqcloud.com/22ae71e7vodcq1302268825/317cf9115285890804733258933/f0.mp4";
+        } else if (type == "fail") {
+          downloadUrl = vm.failExcelUrl;
+        }
+        console.log("下载", type, downloadUrl);
+        setTimeout(() => {
+          window.open(downloadUrl);
+        }, 500);
+
+
+    },
+    // 上传
+    upload(){
+
+    },
+
+    // 上传视频
+    beforeVideoUpload(){
+      vm.$message.success('开始上传')
+      doUpload(vm,file, getFilePath(file,null), 'preview4', 'uploadProgress1', '').then(function (path) {
+        vm.cleatBroadcast.liveInfo.mgUrl = path.fullPath;
+        vm.$message.success('上传成功')
+      });
+    },
+
+
+
+
+    // 开启回放
+    openPlay(){
+
+    },
+
+
+
     //数据统计
     countLive(row) {
       this.dialogStatisticsVisible = true;