chore: 优化视频下载

src/api/common.js

@@ -93,3 +93,10 @@ export function getSignature() {
 export function getMeetingCount(params) {
   return httpRequest.get('/api/live/admin/v3/tencent/meeting/count', { params })
 }
+
+/**
+ * 获取会议回放详情列表
+ */
+export function getMeetingRecords(params) {
+  return httpRequest.get(`/api/live/admin/v3/tencent/meeting/${params.meeting_id}/records`, { params })
+}

src/components/TableHandles/DownloadVideo.vue

+<template>
+  <el-dialog title="下载" v-bind="$attrs" v-on="$listeners">
+    <el-alert type="info" show-icon :closable="false">
+      <template #title>
+        已选择<span style="color:#409eff;padding:0 5px;">{{ multipleSelection.length }}</span
+        >项
+        <el-button
+          type="text"
+          :disabled="!multipleSelection.length"
+          @click="handleBatchDownload"
+          style="margin-left: 10px;"
+          >批量下载</el-button
+        >
+      </template>
+    </el-alert>
+    <el-table :data="list" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" />
+      <el-table-column label="开始时间" prop="record_start_time"></el-table-column>
+      <el-table-column label="结束时间" prop="record_end_time"></el-table-column>
+      <el-table-column label="大小" prop="record_size"></el-table-column>
+      <el-table-column label="操作" width="100">
+        <template #default="{row}">
+          <el-button type="text" @click="handleDownload(row)">下载</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </el-dialog>
+</template>
+
+<script>
+import { getMeetingRecords, getMeetingRecordAddr } from '@/api/common'
+
+export default {
+  props: { data: Object },
+  data() {
+    return {
+      list: [],
+      multipleSelection: []
+    }
+  },
+  methods: {
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    fetchList() {
+      getMeetingRecords({ meeting_id: this.data.meeting_id, sub_meeting_id: this.data.sub_meeting_id }).then(res => {
+        if (res.code === 0) {
+          this.list = res.data.items || []
+        } else {
+          this.$message.error(res.message)
+        }
+      })
+    },
+    // 下载
+    handleDownload(row) {
+      const params = {
+        meeting_id: this.data.meeting_id,
+        record_file_ids: [].concat(row.record_file_id)
+      }
+      this.fetchDownloadInfo(params)
+    },
+    // 批量下载
+    handleBatchDownload() {
+      const params = {
+        meeting_id: this.data.meeting_id,
+        record_file_ids: this.multipleSelection.map(item => item.record_file_id)
+      }
+      this.fetchDownloadInfo(params)
+    },
+    fetchDownloadInfo(params) {
+      getMeetingRecordAddr(params).then(res => {
+        const files = res.data.files || []
+        files.forEach((file, index) => {
+          setTimeout(() => {
+            this.funDownload(file.download_address, file.download_address)
+          }, index * 1000)
+        })
+      })
+    },
+    funDownload(fileUrl, fileName) {
+      const elink = document.createElement('a') // 创建一个a标签
+      elink.download = fileName // 设置a标签的下载属性
+      elink.style.display = 'none' // 将a标签设置为隐藏
+      elink.href = fileUrl // 把之前处理好的地址赋给a标签的href
+      document.body.appendChild(elink) // 将a标签添加到body中
+      elink.click() // 执行a标签的点击方法
+      // URL.revokeObjectURL(elink.href) // 下载完成释放URL 对象
+      document.body.removeChild(elink) // 移除a标签
+    }
+  },
+  mounted() {
+    this.fetchList()
+  }
+}
+</script>