添加作业显示

src/views/exercise-after-class/index.tsx

@@ -84,6 +84,7 @@ export default defineComponent({
     const data = reactive({
       videoData: null as any,
       trainings: [] as any[],
+      expireTimeFlag: false, // 作业是否结束
       trainingTimes: 0,
       itemList: [] as any,
       showHead: true,
@@ -108,6 +109,7 @@ export default defineComponent({
             hideLoading: true
           }
         )
+        data.expireTimeFlag = res.data?.expireTimeFlag || false
         if (Array.isArray(res?.data?.trainings)) {
           const trainings = res?.data?.trainings || []
           const tempLessonTraining: any = []
@@ -152,8 +154,9 @@ export default defineComponent({
             loop: false,
             videoEle: null,
             timer: null,
-            muted: true, // 静音
-            autoplay: true //自动播放
+            // muted: state.user.data?.vipMember ? false : true, // 静音
+            muted: true,
+            autoplay: state.user.data?.vipMember ? true : false //自动播放
           }
         })
         data.itemList = data.trainings.filter((n: any) => n.materialId == route.query.materialId)
@@ -198,7 +201,7 @@ export default defineComponent({
 
     // 达到指标,记录
     const addTrainingRecord = async (m: any) => {
-      if (data.recordLoading) return
+      if (data.recordLoading || data.expireTimeFlag) return
       console.log('记录观看次数')
       data.recordLoading = true
       const query = route.query
@@ -397,10 +400,13 @@ export default defineComponent({
                   返回
                 </div>
                 <div class={styles.menu}>{popupData.tabName}</div>
-                <div class={styles.nums}>
-                  观看视频模仿并练习：{data.videoData?.trainingTimes || 0}/
-                  {data.videoData?.trainingContent?.practiceTimes || 0}
-                </div>
+                {/* 判断作业是否过期 */}
+                {!data.expireTimeFlag && (
+                  <div class={styles.nums}>
+                    观看视频模仿并练习：{data.videoData?.trainingTimes || 0}/
+                    {data.videoData?.trainingContent?.practiceTimes || 0}
+                  </div>
+                )}
               </div>
             )}
           </Transition>

src/views/exercise-after-class/video-class.tsx

@@ -43,7 +43,13 @@ export default defineComponent({
         videoItem.value.one('loadedmetadata', (e: any) => {
           if (item.value.autoplay && videoItem.value) {
             videoItem.value?.play()
+          } else {
+            item.value.muted = false
+            item.value.videoEle?.muted(false)
+            item.value.videoEle?.volume(1)
+            item.value.videoEle?.pause()
           }
+
           // 获取时长
           const videoEle = videoItem.value
           item.value.duration = videoEle.duration()