feat:直播记录增加上传

src/modules/live/test/components/Live.vue

@@ -75,6 +75,7 @@ const {
     send(jsonData)
   },
   onStop: (blob) => {
+    if (enabled.value) return
     props.onStop && props.onStop(blob)
     handleUpdateRecord({ live_video_size: blob.size.toString() })
     // 保存录像到本地
@@ -107,7 +108,9 @@ const handleUpdateRecord = async (params) => {
     live_video_addres: fileUrl.value,
     live_info: JSON.stringify({ messages: messages.value, stats }),
   }
-  const res = await saveTestRecord({ ...defaultParams, ...params })
+  const requestParams = { ...defaultParams, ...params }
+  if (!requestParams.live_practice_id) return
+  const res = await saveTestRecord(requestParams)
   recordId.value = res?.data.id
 }
 

src/modules/live/test/components/RecordDialog.vue

 <script setup>
-import { getRecordList } from '../api'
+import { ElMessage } from 'element-plus'
+import { useFileDialog } from '@vueuse/core'
+import { upload } from '@/utils/upload'
+import { getRecordList, saveTestRecord, getRecord } from '../api'
 const props = defineProps(['data'])
 
 function formatDuration(seconds) {
@@ -38,16 +41,44 @@ const listOptions = {
     { label: '操作', slots: 'table-x', width: 100 },
   ],
 }
+
+// 上传视频
+const uploading = ref(false)
+const handleUpload = (row) => {
+  const dialog = useFileDialog()
+  dialog.open({ accept: 'video/*' })
+  dialog.onChange(async ([file]) => {
+    uploading.value = true
+    try {
+      const res = await upload(file)
+      const recordRes = await getRecord({ id: row.id })
+      const record = recordRes.data.detail
+      await saveTestRecord({
+        ...record,
+        live_practice_id: row.id,
+        live_video_addres: res,
+        live_video_size: file.size.toString(),
+      })
+      ElMessage.success('上传成功')
+    } catch (error) {
+      console.error(error)
+      ElMessage.error('上传失败')
+    } finally {
+      uploading.value = false
+    }
+  })
+}
 </script>
 
 <template>
-  <el-dialog title="查看历史直播场次">
+  <el-dialog title="查看历史直播场次" width="800px">
     <AppList v-bind="listOptions" ref="appList">
       <template #table-x="{ row }">
         <el-button text type="primary">
           <router-link :to="{ path: 'test/view', query: { ...$route.query, id: data.id, record_id: row.id } }"
             >查看</router-link
           >
+          <el-button type="primary" text :disabled="uploading" @click="handleUpload(row)">上传</el-button>
         </el-button>
       </template>
     </AppList>