This commit is contained in:
liuye
2023-02-06 08:50:08 +08:00

View File

@@ -1,20 +1,27 @@
<template>
<div class="AppSignIn">
<div class="title">签到记录</div>
<div class="title">打卡记录</div>
<div class="sign_list">
<div class="sign_list" style="overflow-y: scroll;">
<div class="sign_card" v-for="item in signlist" :key="item.id">
<div class="sign_left">{{ item.createTime.substring(0,5) }}</div>
<div class="sign_right">
<div class="time">{{ item.createDate }}</div>
<div class="tips">签到成功</div>
<div class="tips">打卡成功</div>
</div>
</div>
<!-- <div class="sign_card">
<div class="sign_left">08:23</div>
<div class="sign_right">
<div class="time">2023-02-03</div>
<div class="tips">打卡成功</div>
</div>
</div> -->
</div>
<div class="sign_btn">
<div class="btn" @click="signIn" :class="status==0? '': 'active'">
<div>{{ status==1? '已签到':'签到'}}</div>
<div>{{ status==1? '已打卡':'打卡'}}</div>
<div>{{ time }}</div>
</div>
</div>
@@ -25,11 +32,11 @@
import dayjs from "dayjs"
import { mapState } from "vuex"
export default {
appName: "签到",
appName: "打卡",
data() {
return {
time: '',
status: 0, // 签到状态0、未签到1、已签到
status: 0, // 打卡状态0、未打卡1、已打卡
signlist: [],
current: 1,
}
@@ -39,13 +46,13 @@ export default {
},
methods: {
getList() {
this.$http.post(`/api/appwechatsigninfo/listByWxUserId?current=${this.current}`).then(res=> {
this.$http.post(`/api/appwechatsigninfo/listByWxUserId?current=${this.current}&size=3000`).then(res=> {
if(res?.data?.records) {
this.signlist = res.data.records
}
})
},
// 今天的签到状态
// 今天的打卡状态
getToday() {
this.$http.post(`/api/appwechatsigninfo/queryNowDetail`).then(res=> {
if(res?.data) {
@@ -53,26 +60,22 @@ export default {
}
})
},
// 签到
// 打卡
signIn() {
if(this.status == 1) {
return this.$u.toast("已签到,请勿重复签到!")
return this.$u.toast("已打卡,请勿重复打卡!")
}
this.$http.post(`/api/appwechatsigninfo/sign`).then(res=> {
if(res.code == 0) {
this.$u.toast(`签到成功`)
this.$u.toast(`打卡成功`)
this.getToday()
this.getList()
}
}).catch(err=> console.log(err))
}
},
onReachBottom() {
this.current++
this.getList()
},
onShow() {
document.title = '签到'
document.title = '每日打卡'
this.getToday()
this.getList()
setInterval(() => {
@@ -104,6 +107,8 @@ export default {
}
.sign_list {
width: 100%;
height: 100%;
.sign_card {
display: flex;
background: #FFFFFF;