修改bug

src/components/base/AppVideoPlayer.vue

 <template>
   <div ref="videoWrapper">
-    <!-- <video ref="videoPlayer" class="video-js vjs-default-skin vjs-big-play-centered vjs-16-9" id="videoJS"></video> -->
+    <video v-if="isAdd" ref="videoPlayer" class="video-js vjs-default-skin vjs-big-play-centered vjs-16-9" id="videoJS"></video>
   </div>
 </template>
 
@@ -17,6 +17,10 @@ const DEFAULT_OPTIONS = {
 export default {
   name: 'AppVideoPlayer',
   props: {
+    isAdd: {
+      type: Boolean,
+      default: false
+    },
     options: {
       type: Object,
       default() {
@@ -51,6 +55,9 @@ export default {
     }
   },
   mounted() {
+    if (this.isAdd) {
+      this.initPlayer()
+    }
     this.player && this.initPlayer()
   },
   beforeUnmount() {

src/modules/course/create/components/stepTwoComponents/VideoPlayDialog.vue

@@ -20,10 +20,19 @@ interface Emits {
 const handleCancel = () => {
   emit('update:isShowVideoPlayDialog', false)
 }
+
+const videoOptions = computed(() => {
+  return {
+    sources: [
+      {
+        src: props.videoOptions
+      }
+    ]
+  }
+})
 </script>
 <template>
   <el-dialog :model-value="isShowVideoPlayDialog" draggable :before-close="handleCancel" width="35%">
-    {{props.videoOptions}}
-    <AppVideoPlayer :options="{ sources: [{ src: props.videoOptions }] }"></AppVideoPlayer>
+    <AppVideoPlayer :options="videoOptions" :isAdd="true"></AppVideoPlayer>
   </el-dialog>
 </template>

src/modules/course/create/views/StepTwo.vue

@@ -134,7 +134,6 @@ const handleConsult = (node: any) => {
   if (node.data.resource_type === '2') {
     getVideoDetails({ id: node.data.resource_id }).then(res => {
       videoUrl.value = res.data.play_auth.play_info_list.filter((item: any) => item.Definition === 'SD')[0].PlayURL
-      console.log(videoUrl.value, 'videoUrl.value')
       isShowVideoPlayDialog.value = true
     })
   }

src/modules/course/my/components/Statistics.vue

@@ -62,7 +62,7 @@ const bytesToSize = (bytes: number) => {
     </div>
   </div>
 </template>
-<style lang="scss">
+<style lang="scss" scoped>
 .statistics-list {
   display: flex;
   margin-top: -20px;

src/modules/resource/dashboard/components/Statistics.vue

@@ -37,7 +37,7 @@ const bytesToSize = (bytes: number) => {
     </div>
   </div>
 </template>
-<style lang="scss">
+<style lang="scss" scoped>
 .statistics-list {
   display: flex;
   flex-wrap: wrap;

src/modules/resource/video/components/ViewCenter.vue

@@ -38,7 +38,7 @@ const videoOptions = $computed(() => {
     </div>
   </div>
   <div style="max-width:1200px; padding-bottom: 20px; margin:0 auto;">
-    <AppVideoPlayer :options="videoOptions"></AppVideoPlayer>
+    <AppVideoPlayer :isAdd="true" :options="videoOptions"></AppVideoPlayer>
   </div>
 </div>
 </template>