From 190a164421a9d20a68e2b86b449721e93a92dde9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E4=BB=95=E4=BC=9F?= <499672082@qq.com>
Date: Fri, 10 Feb 2023 17:57:44 +0000
Subject: [PATCH] Update AppSignIn.vue

---
 src/project/qianxinan/AppSignIn/AppSignIn.vue | 41 ++++++++-----------
 1 file changed, 16 insertions(+), 25 deletions(-)

diff --git a/src/project/qianxinan/AppSignIn/AppSignIn.vue b/src/project/qianxinan/AppSignIn/AppSignIn.vue
index c148ee67..b7afdb2e 100644
--- a/src/project/qianxinan/AppSignIn/AppSignIn.vue
+++ b/src/project/qianxinan/AppSignIn/AppSignIn.vue
@@ -7,7 +7,7 @@
       </div>
       <div class="avatar_info">
         <div class="avatar_name">{{ user.name }}</div>
-        <div class="avatar_time">每天需要完成2次打卡，打卡间隔4小时以上，才算完成打卡任务。</div>
+        <div class="avatar_time">{{ today }}</div>
       </div>
     </div>
     <div class="title">打卡记录</div>
@@ -19,14 +19,13 @@
             <div class="time">{{ item.createDate }}</div>
             <div class="tips">打卡成功</div>
           </div>
-          <div class="count">打卡{{ item.times}}次</div>
         </div>
       </scroll-view>
     </div>
 
     <div class="sign_btn">
-      <div class="btn" @click="signIn">
-        <div>打卡</div>
+      <div class="btn" @click="signIn" :class="status==0? '': 'active'">
+        <div>{{ status==1? '已打卡':'打卡'}}</div>
         <div>{{ time }}</div>
       </div>
     </div>
@@ -42,6 +41,7 @@ export default {
     return {
       time: '',
       today: '',
+      status: 0, // 打卡状态：0、未打卡；1、已打卡
       signlist: [],
       current: 1,
     }
@@ -73,22 +73,16 @@ export default {
     },
     // 打卡
     signIn() {
-      if(this.flag) return 
-      this.flag = true
+      if(this.status == 1) {
+        return this.$u.toast("已打卡,请勿重复打卡!")
+      }
       this.$http.post(`/api/appwechatsigninfo/sign`).then(res=> {
         if(res.code == 0) {
-          this.flag = false
           this.$u.toast(`打卡成功`)
           this.getToday()
           this.getList()
-        } else {
-          this.flag = false
-          this.$u.toast(res.msg)
         }
-      }).catch(err=> {
-        this.flag = false
-        this.$u.toast(err)
-      })
+      }).catch(err=> console.log(err))
     }
   },
   onShow() {
@@ -106,7 +100,7 @@ export default {
 <style lang="scss" scoped>
 .AppSignIn {
   background: url('./img/bg.png') no-repeat;
-  background-size: 100% auto;
+  background-size: contain;
   padding: 32px 32px;
   box-sizing: border-box;
   height: 100vh;
@@ -121,10 +115,11 @@ export default {
     box-sizing: border-box;
     .avatar_img {
       width: 96px;
+      height: 96px;
 
       img {
-        width: 96px;
-        height: 96px;
+        width: 100%;
+        height: 100%;
         border-radius: 50%;
       }
     }
@@ -188,14 +183,6 @@ export default {
           margin-top: 8px;
         }
       }
-
-      .count {
-        margin-left: auto;
-        align-self: center;
-        color: #4783FF;
-        font-weight: 600;
-        font-size: 36px;
-      }
     }
   }
 
@@ -236,6 +223,10 @@ export default {
         font-size: 28px;
       }
     }
+
+    .active {
+      background-image: linear-gradient(180deg, #bcff75 0%, hsl(132, 87%, 30%) 100%);
+    }
 }
 }
 </style>
\ No newline at end of file