update:代码优化

src/components/AppPopup.vue

 <template>
   <div class="popup" v-show="visible">
+    
     <div class="popup-container" @touchmove.prevent>
-      <img
-        class="img_default"
-        :src="signInfo.market_background_img || defaultImg1"
-        alt=""
-        v-if="status == true"
-      />
-      <img
-        class="img_default"
-        :src="signInfo.market_background_img || defaultImg2"
-        alt=""
-        v-else
-      />
-      <div class="success">
-        {{ status ? "签到成功!" : "签到失败!" }}
+      <div v-if="status == true">
+        <img class="img_default" :src="signInfo.market_background_img || defaultImg1"/>
+        <div class="success">签到成功!</div>
+        <div class="remark" v-html="remark"></div>
       </div>
-      <div class="remark" v-html="remark" v-show="status == true">{{remark}}</div>
+    <div v-else>
+      <img class="img_default"  :src="signInfo.market_background_img || defaultImg2"/>
+      <div class="success">签到失败!</div>
     </div>
     <div class="overlay" @click="handleClose" @touchmove.prevent></div>
   </div>

src/views/signIn/Index.vue

@@ -7,11 +7,15 @@
     <div v-else>
       <img
         :src="signInfo.market_other_img"
+        class="market_other_img"
+        v-if="status == true && signInfo.market_other_img !== ''"
+      />
+      <img
+        :src="defaultImg3"
         alt=""
-        class="market_other_img "
-        v-if="status == true &&signInfo.market_other_img !== ''"
+        class="market_other_imgDefault"
+        v-if="status == false || signInfo.market_other_img == ''"
       />
-      <img :src="defaultImg3" alt="" class="market_other_imgDefault" v-if="status == false ||signInfo.market_other_img ==''">
       <img
         src="https://webapp-pub.ezijing.com/marketing/detail.png"
         class="signIn_detail"
@@ -41,13 +45,14 @@ export default {
       popupVisible: true,
       id: "",
       isShowError: false,
-      defaultImg3:"https://webapp-pub.ezijing.com/marketing/bg.png",
-      remark:''
+      defaultImg3: "https://webapp-pub.ezijing.com/marketing/bg.png",
+      remark: "",
     };
   },
+
   mounted() {
     this.id = this.$route.query.id; //从链接上获取活动id
-    if (this.id == "" || this.id == undefined) {
+    if (!this.id) {
       this.isShowError = true;
       return;
     }
@@ -65,34 +70,42 @@ export default {
         if (res.code == 0) {
           this.signInfo = res.data; //获取签到详情数据
           this.remark = this.signInfo.student.remark;
-          if(this.remark.includes(';')){
-            this.remark =this.remark.replace(/;/g,"<br/>");
+          if (this.remark.includes(";")) {
+            this.remark = this.remark.replace(/;/g, "<br/>");
           }
-          if(this.signInfo.student.sign_in_status == 1){
+          if (this.signInfo.student.sign_in_status == 1) {
             this.status = true;
-            return
-          }else{
-          let time = new Date().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(this.signInfo.sign_start_time !== "" && this.signInfo.sign_end_time !== ""){//限制时间
-                if (time < sign_start_time) {
-                  Toast.fail(`该活动将于${this.signInfo.sign_start_time}开始签到`);
-                } else if(time >= sign_end_time) {
-                  Toast.fail(`该活动已于${this.signInfo.sign_end_time}结束签到`);
-                } else{
-                  this.getSignIn();
-                }
-            }else{
-                if (time >= end_time) {
-                  Toast.fail("该活动已结束签到");
-                }else{
-                  this.getSignIn();
-                }
+            return;
+          } else {
+            let time = new Date().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 (
+              this.signInfo.sign_start_time !== "" &&
+              this.signInfo.sign_end_time !== ""
+            ) {
+              //限制时间
+              if (time < sign_start_time) {
+                Toast.fail(
+                  `该活动将于${this.signInfo.sign_start_time}开始签到`
+                );
+              } else if (time >= sign_end_time) {
+                Toast.fail(`该活动已于${this.signInfo.sign_end_time}结束签到`);
+              } else {
+                this.getSignIn();
+              }
+            } else {
+              if (time >= end_time) {
+                Toast.fail("该活动已结束签到");
+              } else {
+                this.getSignIn();
+              }
             }
           }
-        }else{
+        } else {
           Toast.fail(res.message);
         }
       });
@@ -103,7 +116,7 @@ export default {
       signIn(id).then((res) => {
         if (res.code == 0) {
           this.status = res.data.status; //签到状态
-          Toast.success('您已签到成功');
+          Toast.success("您已签到成功");
         } else {
           Toast.fail(res.message);
         }
@@ -124,7 +137,7 @@ export default {
     width: 100%;
     position: absolute;
   }
-  .market_other_imgDefault{
+  .market_other_imgDefault {
     width: 100%;
     height: 100%;
     position: absolute;