feat: 签到未开始提示弹窗

src/components/popup.vue

 <template>
   <div class="popup" v-show="visible">
-    <div class="popup-container" :class="signStatus === 1 ? 'success':'warn'">
+    <div :class="{ 'popup-container': true, success: signStatus === 1, warn: signStatus === 2 }">
       <p v-if="signStatus === 1" class="success">签到成功!</p>
       <p v-if="signStatus === 2" class="warn">
         您已迟到。<span>请于课后补看错过视频。</span>
       </p>
+      <p v-if="signStatus === -1" class="info">
+        直播未开始<span>请提前10分钟进入签到</span>
+      </p>
       <div class="content">
         <slot></slot>
       </div>
@@ -72,14 +75,17 @@ export default {
   text-align:center;
   margin:0;
 }
-.popup-container p.warn{
-  color:#D51E2A;
-}
-.popup-container p.warn span{
+.popup-container p span{
   color:#959595;
   font-size:18px;
   display:block;
 }
+.popup-container p.warn{
+  color:#D51E2A;
+}
+.popup-container p.info{
+  color:#333;
+}
 .popup-container>i{
   position:absolute;
   left:50%;

src/pages/learn/course.vue

@@ -97,7 +97,7 @@
       </div>
     </div>
     <app-popup :signStatus="popup.signStatus" :visible.sync="popup.visible">
-      <el-button type="primary" round size="medium" @click="goLive">进入直播</el-button>
+      <el-button v-if="['1', '2'].includes(popup.signStatus)" type="primary" round size="medium" @click="goLive">进入直播</el-button>
     </app-popup>
   </div>
 </template>
@@ -173,7 +173,9 @@ export default {
   methods: {
     handleSignIn(status) {
       if (status === -1) {
-        this.$message.error('直播未开始，请提前10分钟进入签到')
+        // this.$message.error('直播未开始，请提前10分钟进入签到')
+        this.popup.signStatus = -1
+        this.popup.visible = true
       } else if (status === 0) {
         this.fetchSignIn()
       }

src/pages/learn/courseDetail.vue

@@ -275,7 +275,7 @@
       </el-row>
     </div>
     <app-popup :signStatus="popup.signStatus" :visible.sync="popup.visible">
-      <el-button type="primary" round size="medium" @click="jumpToOtherVA(popup.data)">进入直播</el-button>
+      <el-button v-if="['1', '2'].includes(popup.signStatus)" type="primary" round size="medium" @click="jumpToOtherVA(popup.data)">进入直播</el-button>
     </app-popup>
   </div>
 </template>
@@ -626,7 +626,9 @@ export default {
     },
     handleSignIn(item) {
       if (item.live.sign_status === -1) {
-        this.$message.error('直播未开始，请提前10分钟进入签到')
+        // this.$message.error('直播未开始，请提前10分钟进入签到')
+        this.popup.signStatus = -1
+        this.popup.visible = true
       } else {
         this.fetchSignIn(item)
       }

src/pages/mobile/list.vue

@@ -45,7 +45,7 @@
       </template>
     </div>
     <app-popup :signStatus="popup.signStatus" :visible.sync="popup.visible">
-      <el-button type="primary" round size="medium" @click="onClick(popup.data, popup.courseId)">进入直播</el-button>
+      <el-button v-if="['1', '2'].includes(popup.signStatus)" type="primary" round size="medium" @click="onClick(popup.data, popup.courseId)">进入直播</el-button>
     </app-popup>
   </div>
 </template>
@@ -89,7 +89,9 @@ export default {
   methods: {
     handleSignIn(item, courseId) {
       if (item.sign_status === -1) {
-        this.$message.error('直播未开始，请提前10分钟进入签到')
+        // this.$message.error('直播未开始，请提前10分钟进入签到')
+        this.popup.signStatus = -1
+        this.popup.visible = true
       } else {
         this.fetchSignIn(item, courseId)
       }
@@ -286,6 +288,9 @@ export default {
     }
   },
   mounted() {
+    // window.setTimeout(() => {
+    //   this.handleSignIn({ sign_status: -1 })
+    // }, 2000)
     this.loading = this.$loading({
       lock: true,
       text: '',