优化

src/pages/jsd/wdkc/zbkc/detail.vue

@@ -68,18 +68,18 @@
             </div>
           </div>
         </div>
-        <div
-          class="mt-20px"
-          v-if="
-            chapter_info.vod_mp4_address && chapter_info.vod_mp4_address !== ''
-          "
-          id="player-con"
-        ></div>
-        <div
-          v-else
-          class="mt-20px w-full h-460px bg-hex-000 flex items-center justify-center text-hex-fff text-18px"
-        >
-          回看视频生成中……
+        <div class="relative mt-20px">
+          <div class="mt-20px" id="player-con"></div>
+            <!-- v-if="chapter_info.status == '3' && !chapter_info.vod_mp4_address" -->
+          <div v-if="chapter_info.status == '3' && !chapter_info.vod_mp4_address"
+            class="mt-20px w-full h-460px bg-hex-000 absolute top-0 left-0 text-hex-fff text-18px leading-460px text-center">
+             回看视频生成中……
+          </div>
+          <!-- v-else-if="chapter_info.status == '1'" -->
+          <div v-else-if="chapter_info.status == '1'"
+            class="mt-20px w-full h-450px bg-hex-000 absolute top-0 left-0 text-hex-fff text-18px leading-460px text-center">
+              暂未开始, 请耐心等待……
+          </div>
         </div>
       </div>
       <div class="w-300px mt-46px right-box pt-30px">

src/pages/zbkc/detail.vue

@@ -54,16 +54,20 @@
                         </div>
                     </div>
                 </div>
-                <div class="mt-20px" v-if="chapter_info.vod_mp4_address && chapter_info.vod_mp4_address !== ''"
-                    id="player-con"></div>
-                <div v-else-if="chapter_info.status == '3' && !chapter_info.vod_mp4_address"
-                    class="mt-20px w-full h-460px bg-hex-000 flex items-center justify-center text-hex-fff text-18px">
-                    回看视频生成中……
-                </div>
-                <div v-else-if="chapter_info.status == '1'"
-                    class="mt-20px w-full h-460px bg-hex-000 flex items-center justify-center text-hex-fff text-18px">
-                    暂未开始, 请耐心等待……
+                <div class="relative mt-20px">
+                    <div class="mt-20px" id="player-con"></div>
+                    <!-- v-if="chapter_info.status == '3' && !chapter_info.vod_mp4_address" -->
+                    <div v-if="chapter_info.status == '3' && !chapter_info.vod_mp4_address"
+                        class="mt-20px w-full h-460px bg-hex-000 absolute top-0 left-0 text-hex-fff text-18px leading-460px text-center">
+                        回看视频生成中……
+                    </div>
+                    <!-- v-else-if="chapter_info.status == '1'" -->
+                    <div v-else-if="chapter_info.status == '1'"
+                        class="mt-20px w-full h-450px bg-hex-000 absolute top-0 left-0 text-hex-fff text-18px leading-460px text-center">
+                        暂未开始, 请耐心等待……
+                    </div>
                 </div>
+
                 <!-- <div class="mt-20px" id="player-con"></div> -->
             </div>
             <div class="w-300px mt-46px right-box pt-30px">
@@ -71,7 +75,7 @@
                     <span>相关章节</span>
                     <i></i>
                 </div>
-                <ul v-if="chapterList.length>0" class="mt-25px right-chapter-list">
+                <ul v-if="chapterList.length > 0" class="mt-25px right-chapter-list">
                     <li v-for="item in chapterList" :key="item.tzk_id" :class="item.tzk_id === tzk_id ? 'selected' : ''"
                         @click="changeChapter(item)">
                         {{ item.tzk_ksmc }}
@@ -122,6 +126,7 @@ function getChapterDetail() {
             chapter_info = res.data.one_info;
             course_title = res.data.one_info.tzk_ksmc;
             if (chapter_info.vod_mp4_address && chapter_info.vod_mp4_address !== '') {
+                console.log(11);
                 var player = new Aliplayer(
                     {
                         id: "player-con",

src/pages/zbkc/homework.vue

@@ -85,8 +85,10 @@ ws.addEventListener('message', (e) => {
                             break
                     }
                 }
+                if (fileType && user.value.user_id === props?.zjr) {
+                    ElMessage.success('下发成功!');
+                }
             }
-
         } catch (error) {
             console.error(error);
         }
@@ -174,7 +176,7 @@ function submitTest() {
     })
     if (flag) {
         question.forEach(el => {
-            if (el.user_answer instanceof Array) { 
+            if (el.user_answer instanceof Array) {
                 el.user_answer = el.user_answer.join('')
             }
         })