update:代码优化

src/views/signIn/Index.vue

@@ -4,20 +4,20 @@
       <swiper id="swiperBox" v-bind:options="swiperOption" ref="mySwiper">
         <!-- 第一页 -->
         <swiper-slide class="swiper-slide1">
+          <!-- 页面背景图 -->
           <img :src="signInfo.background_img" alt="" class="background_img">
           <div class="top">
             <img :src="signInfo.market_background_img || defaultImg" alt="" />
             <div class="sign_state">
               {{ status === true ? "签到成功" : "未签到" }}
             </div>
-            <!-- <div class="remark">{{ signInfo.student.remark }}</div> -->
+            <div class="remark">{{ signInfo.student.remark }}</div>
           </div>
           <div class="bottom" v-if="signInfo.market_other_img !== ''">
             <img :src="detail_icon" alt="" />
-            <!-- <div class="detail_text">查看详情</div> -->
           </div>
         </swiper-slide>
-        <!-- 第二页 -->
+        <!-- 第二页页面其他背景图片 -->
         <swiper-slide class="swiper-slide2" v-if="signInfo.market_other_img !== ''">
           <img :src="signInfo.market_other_img" alt="" class="detailPage" />
         </swiper-slide>
@@ -53,7 +53,7 @@ export default {
       status: false, //签到状态
       defaultImg: "https://webapp-pub.ezijing.com/marketing/signIn_img.png", //默认签到背景图
       detail_icon: "https://webapp-pub.ezijing.com/marketing/detail_img.png", //查看详情图标
-      // background_img:'https://img0.baidu.com/it/u=1437590121,298950426&fm=15&fmt=auto&gp=0.jpg'
+      background_img:'https://img0.baidu.com/it/u=1437590121,298950426&fm=15&fmt=auto&gp=0.jpg'
     };
   },
   computed: {
@@ -65,40 +65,50 @@ export default {
     },
   },
   mounted() {   
-    this.getSignInDetail(); //获取页面详情    
+    this.getSignInDetail(); //获取页面详情
+    
   },
   methods: {
     getSignInDetail() {
       // let id = this.$route.query.id;//从链接上获取活动id
       let id = "6833097708249546752";
-      console.log(id);
-      signInDetail(id).then((res) => {
-        //调用签到详情接口
+      //调用签到详情接口
+      signInDetail(id).then((res) => {    
         if (res.code == 0) {
           this.signInfo = res.data;//获取签到详情数据
-          let time = new Date().getTime();
+          let time = new Date().getTime();//获取当前时间戳
+          let start_time = new Date(this.signInfo.start_time).getTime();
           let sign_start_time = new Date(this.signInfo.sign_start_time).getTime();
           let sign_end_time = new Date(this.signInfo.sign_end_time).getTime();
-          if(time - sign_end_time  >= 0){
+          if(start_time < time && sign_start_time !== ''&&sign_end_time !== ''){ //活动开始 不限制签到时间
+            this.getSignIn();//调起签到接口
+          }else if(sign_start_time !== ''&&sign_end_time !== ''){ //限制签到时间  
+            if(time - sign_end_time  >= 0){ 
             this.$message.error(`该活动签到时间已于${this.signInfo.sign_end_time}结束`)
           }else if(time - sign_start_time  < 0){
             this.$message.error(`该活动尚未到开始签到时间,  请于${this.signInfo.sign_start_time}之后签到`);
-          }else if((time - sign_start_time  > 0 && time - sign_end_time  < 0) ||time - sign_start_time  == 0){
-            signIn(id).then((res) => {
-            //调用签到接口
-            if (res.code == 0) {
+          }else {
+            this.getSignIn();//调起签到接口
+          }
+          }
+        } 
+      });
+    },
+    //签到接口
+    getSignIn(){
+      let id = "6833097708249546752";
+      signIn(id).then((res)=>{
+        if (res.code == 0) {
               this.status = res.data.status; //签到状态
               if(this.status = true){
                 this.$message.success('签到成功')
               }else{
                 this.$message.error('签到失败')
               }
-            } 
-          });
-          }   
-        } 
-      });
+            }
+      })
     }
+    
   },
 };
 </script>
@@ -146,6 +156,7 @@ export default {
     }
     .remark {
       margin: auto;
+      width: 5.41rem;
       font-size: 0.28rem;
       font-weight: 400;
       color: #666666;