update:代码优化

src/views/signIn/Index.vue

 <template>
   <div class="sign_content">
-    <transition name="fade">
+    <div v-if="isShowError" class="showError">
+      <div class="text">404 很抱歉，您查看的页面找不到了！</div>
+    </div>
+    <div v-else>
+    <transition name="fade" >
       <swiper id="swiperBox" v-bind:options="swiperOption" ref="mySwiper">
         <!-- 第一页 -->
         <swiper-slide class="swiper-slide1">
           <!-- 页面背景图 -->
-          <img :src="signInfo.background_img" alt="" class="background_img">
+          <img :src="signInfo.background_img || ''" alt="" class="background_img">
           <div class="top">
             <img :src="signInfo.market_background_img || defaultImg" alt="" />
             <div class="sign_state">
@@ -24,6 +28,7 @@
       </swiper>
     </transition>
   </div>
+  </div>
 </template>
 <script>
 import { signInDetail, signIn } from "@/api/base.js";
@@ -35,6 +40,7 @@ export default {
   },
   data() {
     return {
+      isShowError:false,
       swiperOption: {
         notNextTick: true,
         direction: "vertical",
@@ -55,7 +61,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'
+      id:'',//活动id
     };
   },
   computed: {
@@ -66,29 +72,36 @@ export default {
       return this.$refs.mySwiper.swiper;
     },
   },
-  mounted() {   
+  mounted() {    
+    this.id = this.$route.query.id;//从链接上获取活动id
+    console.log(this.id)
+    if(this.id == ''||this.id == undefined){
+      this.isShowError = true;
+      return
+    }
     this.getSignInDetail(); //获取页面详情
-    
   },
   methods: {
     getSignInDetail() {
-      let id = this.$route.query.id || "6833097708249546752";//从链接上获取活动id
       //调用签到详情接口
+      let id = this.id;    
       signInDetail(id).then((res) => {    
         if (res.code == 0) {
           this.signInfo = res.data;//获取签到详情数据
           let time = new Date().getTime();//获取当前时间戳
           let start_time = new Date(this.signInfo.start_time).getTime();
+          let end_time = new Date(this.signInfo.end_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(start_time < time && sign_start_time !== ''&&sign_end_time !== ''){ //活动开始 不限制签到时间
+          if(time > start_time  && time < end_time && sign_start_time == ''&&sign_end_time == ''){ //活动开始 不限制签到时间
             this.getSignIn();//调起签到接口
-          }else if(sign_start_time !== ''&&sign_end_time !== ''){ //限制签到时间  
-            if(time - sign_end_time  >= 0){ 
+          }else if(sign_start_time !== ''&& sign_end_time !== ''){ //限制签到时间  
+            if(time >= sign_end_time){ 
             this.$message.error(`该活动签到时间已于${this.signInfo.sign_end_time}结束`)
-          }else if(time - sign_start_time  < 0){
+          }else if(time < sign_start_time){
             this.$message.error(`该活动尚未到开始签到时间,  请于${this.signInfo.sign_start_time}之后签到`);
-          }else {
+          }
+          else if(time > sign_start_time && time < sign_end_time){
             this.getSignIn();//调起签到接口
           }
           }
@@ -97,7 +110,7 @@ export default {
     },
     //签到接口
     getSignIn(){
-      let id = "6833097708249546752";
+      let id = this.id;//从链接上获取活动id
       signIn(id).then((res)=>{
         if (res.code == 0) {
               this.status = res.data.status; //签到状态
@@ -128,6 +141,19 @@ export default {
   background-color: #f2f2f2;
   overflow: -Scroll;
   overflow-y: hidden;
+  .showError{
+  width: 100%;
+  height: 100%;
+  .text{
+    width: 85%;
+    text-align: center;
+    font-size: 24px;
+    position: absolute;
+    top:50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+  }
+  }
   .background_img{
     width: 100%;
     height: 100%;