样式修改

src/views/study/coursenew.vue

@@ -480,6 +480,7 @@
         defaultMaxTime:1800, //非音频默认最大时间
         warn:"测试内容",
         warnTitle:"测试标题",
+        isFinishingStudyItem: false, // 防止重复调用完成状态更新接口
       }
     },
     mounted() {
@@ -1684,12 +1685,17 @@
           //这种可能没有，不过这里也是为了万中那个1
           !this.tentative && this.saveStudyInfo();
         } else {
+          // 如果正在处理完成请求，则直接返回，避免重复调用
+          if (this.isFinishingStudyItem) {
+            return;
+          }
           let params = {
             itemId: this.contentData.studyItemId,
             studyId: this.studyId,
             courseId: this.courseId,
             cnum: this.totalContent
           }
+          this.isFinishingStudyItem = true; // 设置标志位
           apiVideoStudy.finishStudyItem(params).then(res => {
             if (res.status == 200) {
               this.contentData.status = 9;
@@ -1697,6 +1703,10 @@
             } else {
               console.log("记录完成学习失败:" + res.message + "，" + res.error);
             }
+            this.isFinishingStudyItem = false; // 重置标志位
+          }).catch(error => {
+            console.error("记录完成学习出错:", error);
+            this.isFinishingStudyItem = false; // 出错时也重置标志位
           });
         }
       },
@@ -1960,16 +1970,19 @@
   }
 
   .player-box {
-    position: relative;
+    position: absolute;
     width: 100%;
     max-width: 300px;
     margin: 20px auto;
     height: 187px;
-    background: rgba(74, 74, 74, .5);
+    background: rgba(74, 74, 74, .8);
     border-radius: 33px;
     text-align: center;
     padding: 20px;
+    top: 50%;
     box-sizing: border-box;
+    left: 50%;
+    transform: translate(-50%, -50%);
 
     .player-praise {
       margin-top: 25px;