chore: 上传中增加全局加载状态

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

 <script setup>
 import LiveCover from './LiveCover.vue'
-import { ElMessage } from 'element-plus'
+import { ElMessage, ElLoading, ElMessageBox } from 'element-plus'
 import { useFileDialog } from '@vueuse/core'
 import { useUserStore } from '@/stores/user'
 import { upload } from '@/utils/upload'
@@ -79,7 +79,10 @@ const {
     props.onStop && props.onStop(blob)
     handleUpdateRecord({ live_video_size: blob.size.toString() })
     // 保存录像到本地
-    if (props.isLocalUpload) saveAs(blob, `${fileName.value}.mp4`)
+    if (props.isLocalUpload) {
+      saveAs(blob, `${fileName.value}.mp4`)
+      ElMessageBox.alert('请将保存的本地视频文件上传服务端，否则会影响您的实操成绩评价！', '温馨提示')
+    }
   },
 })
 
@@ -116,11 +119,17 @@ const handleUpdateRecord = async (params) => {
 
 // 上传视频
 const uploading = ref(false)
+let uploadLoading = null
 const handleUpload = () => {
   const dialog = useFileDialog()
   dialog.open({ accept: 'video/*' })
   dialog.onChange(async ([file]) => {
     uploading.value = true
+    uploadLoading = ElLoading.service({
+      lock: true,
+      text: '上传中',
+      background: 'rgba(0, 0, 0, 0.7)',
+    })
     try {
       const res = await upload(file)
       handleUpdateRecord({ id: recordId.value, live_video_addres: res, live_video_size: file.size.toString() })
@@ -130,6 +139,7 @@ const handleUpload = () => {
       ElMessage.error('上传失败')
     } finally {
       uploading.value = false
+      uploadLoading?.close()
     }
   })
 }

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

 <script setup>
-import { ElMessage } from 'element-plus'
+import { ElMessage, ElLoading } from 'element-plus'
 import { useFileDialog } from '@vueuse/core'
 import { upload } from '@/utils/upload'
 import { getRecordList, saveTestRecord, getRecord } from '../api'
@@ -51,6 +51,7 @@ const listOptions = {
 }
 
 // 上传视频
+let uploadLoading = null
 const uploading = ref(false)
 const currentRow = ref()
 const handleUpload = (row) => {
@@ -59,6 +60,11 @@ const handleUpload = (row) => {
   dialog.open({ accept: 'video/*' })
   dialog.onChange(async ([file]) => {
     uploading.value = true
+    uploadLoading = ElLoading.service({
+      lock: true,
+      text: '上传中',
+      background: 'rgba(0, 0, 0, 0.7)',
+    })
     try {
       const res = await upload(file)
       const recordRes = await getRecord({ id: row.id })
@@ -76,6 +82,7 @@ const handleUpload = (row) => {
       ElMessage.error('上传失败')
     } finally {
       uploading.value = false
+      uploadLoading?.close()
     }
   })
 }