update

src/views/test/components/courseItem.vue

@@ -7,11 +7,20 @@
           is: (c.type == 1 && c.testCount > 1) || (c.type != 1 && c.testCount > 0),
           no: c.testCount == 0,
           isR: c.type == 3,
-          isS: c.type == 1 && c.testCount == 1
+          isS: c.type == 1 && c.testCount == 1,
+          isDead: isDeadlinePassed(c.overtime) && c.testCount == 0
         }"
       >
         <span>{{
-          c.testCount > 0 ? (c.type == 3 ? '已批改' : c.type == 1 && c.testCount == 1 ? '已保存' : '已完成') : '未完成'
+          c.testCount > 0
+            ? c.type == 3
+              ? '已批改'
+              : c.type == 1 && c.testCount == 1
+              ? '已保存'
+              : '已完成'
+            : isDeadlinePassed(c.overtime)
+            ? '逾期'
+            : '未完成'
         }}</span>
       </div>
       <div class="ctitle">{{ c.title }}</div>
@@ -83,7 +92,7 @@ export default {
     ...mapGetters(['userinfo']),
     getNum() {
       return function(array) {
-        let _array = JSON.parse(array)
+        const _array = JSON.parse(array)
         let num = 0
         _array.forEach(el => {
           if ((el.ttype == 3 || el.ttype == 2) && el.array.length > 0) {
@@ -109,18 +118,18 @@ export default {
       return function(array) {
         // let _array = JSON.parse(array)
         let _score = 0
-        let scoreArray = []
+        const scoreArray = []
         for (var i = 0; i < array.length; i++) {
-          let _array = JSON.parse(array[i].courseJson)
+          const _array = JSON.parse(array[i].courseJson)
           let score = 0
           for (var j = 0; j < _array.length; j++) {
-            let el = _array[j]
+            const el = _array[j]
             if ((el.ttype == 3 || el.ttype == 2) && el.array.length > 0) {
               for (var k = 0; k < el.array.length; k++) {
-                let item = el.array[k]
+                const item = el.array[k]
                 if (item.ttype == 2 && item.array.length > 0) {
                   for (var z = 0; z < item.array.length; z++) {
-                    let item2 = item.array[z]
+                    const item2 = item.array[z]
                     if (item2.ttype == 1 && item2.json && item2.json.score2) {
                       score += parseInt(item2.json.score2)
                     }
@@ -144,12 +153,21 @@ export default {
     }
   },
   methods: {
+    isDeadlinePassed(deadline) {
+      if (deadline) {
+        const _line = new Date(deadline)
+        const currentDate = new Date()
+        return currentDate > _line
+      } else {
+        return false
+      }
+    },
     goTo(cid) {
       // return console.log(cid)
       debugger
 
       // eslint-disable-next-line prettier/prettier
-      this.$router.push({ path: '/testDetail', query: { courseid: cid.courseId, userid: cid.userid } })
+      this.$router.push({ path: '/testDetail', query: { courseid: cid.courseId, userid: cid.userid }})
     },
     doTest(cid, tid, name, userid) {
       this.$router.push({ path: '/preview', query: { courseid: cid, tid: tid, name: name, userid: userid } })
@@ -165,8 +183,8 @@ export default {
         .confirm({
           title: '删除提示',
           message: '确定删除此提交的评测么？',
-          confirmButtonText: '确认', //改变确认按钮上显示的文字
-          cancelButtonText: '取消' //改变取消按钮上显示的文字
+          confirmButtonText: '确认', // 改变确认按钮上显示的文字
+          cancelButtonText: '取消' // 改变取消按钮上显示的文字
         })
         .then(() => {
           const params = [
@@ -224,6 +242,10 @@ export default {
       color: rgb(255, 173, 31);
       background-color: rgba(255, 173, 31, 0.1);
     }
+    .isDead {
+      color: rgb(240, 66, 66);
+      background-color: rgba(240, 66, 66, 0.1);
+    }
     .ctitle {
       font-size: 16px;
       font-weight: bold;

src/views/testDetail/file/wVideo.vue

@@ -20,7 +20,7 @@
     </span>
   </el-dialog>
 </template>
-  
+
 <script>
 export default {
   props: {
@@ -35,8 +35,8 @@ export default {
   data() {
     return {
       playerOptions: {
-        playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
-        autoplay: false, //如果true,浏览器准备好时开始回放。
+        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度
+        autoplay: false, // 如果true,浏览器准备好时开始回放。
         muted: false, // 默认情况下将会消除任何音频。
         loop: false, // 导致视频一结束就重新开始。
         preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
@@ -45,18 +45,18 @@ export default {
         fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
         sources: [
           {
-            type: 'video/mp4', //这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目   || "video/ogg"|| "video/webm"
-            src: '' //url地址require("../../assets/media/aaa.mp4")
+            type: 'video/mp4', // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目   || "video/ogg"|| "video/webm"
+            src: '' // url地址require("../../assets/media/aaa.mp4")
           }
         ],
         // poster: require("../../assets/tu31.png"), //你的封面地址
         // poster: dataRes.imgUrl, //你的封面地址
-        notSupportedMessage: '此视频暂无法播放，请稍后再试', //允许覆盖Video.js无法播放媒体源时显示的默认信息。
+        notSupportedMessage: '此视频暂无法播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
         controlBar: {
-          timeDivider: true, //当前时间和持续时间的分隔符
-          durationDisplay: true, //显示持续时间
-          remainingTimeDisplay: false, //是否显示剩余时间功能
-          fullscreenToggle: true //全屏按钮
+          timeDivider: true, // 当前时间和持续时间的分隔符
+          durationDisplay: true, // 显示持续时间
+          remainingTimeDisplay: false, // 是否显示剩余时间功能
+          fullscreenToggle: true // 全屏按钮
         }
       }
     }
@@ -81,7 +81,7 @@ export default {
   }
 }
 </script>
-  
+
 <style lang="scss" scoped>
 /deep/.dialog_diy .el-dialog {
   height: 100%;
@@ -129,4 +129,4 @@ export default {
   height: 100% !important;
   padding: 0 !important;
 }
-</style>
+</style>