打卡调数据
<view class="ctn"> <view class="itm" @click="clockIn(1, breakfast_time, a)">//形参 <text>今日早餐</text> <image src="../../static/icon/icon_punch2.png"></image> <text>打卡时间 {{breakfast_time}}</text> <text v-if="a" class="unsign">已打卡</text> <text v-else class="sign">去打卡</text> </view> <view class="itm" @click="clockIn(2, lunch_time, b)"> <text >今日午餐</text> <image src="../../static/icon/icon_punch3.png"></image> <text>打卡时间 {{lunch_time}}</text> <text v-if="b" class="unsign">已打卡</text> <text v-else class="sign">去打卡</text> </view> <view class="itm" @click="clockIn(3, dinner_time, c)"> <text>今日晚餐</text> <image src="../../static/icon/icon_punch4.png"></image> <text>打卡时间 {{dinner_time}}</text> <text v-if="c" class="unsign">已打卡</text> <text v-else class="sign">去打卡</text> </view> </view>
//获取打卡列表
getRecord(date:any){
var that:any = this
new HealthService().getRecord(date)
.then((data:any)=>{
// if(data.code==1){
// that.date=data.data.date
// }
if (data.code == 1) {
let a = 0, b = 0, c = 0; //设三个参数
if (data.data.length) { //如果接口有数据
data.data.forEach(el => { //遍历到每个上面
if (el.meal_type == 1) { //类型为1 为早餐 a=1 有数据就是1就是打卡 反之没数据0就是未打卡
a = 1
}
if (el.meal_type == 2) { //类型为2 为午餐 b=1
b = 1
}
if (el.meal_type == 3) { //类型为3 为晚餐 c=1
c = 1
}
});
}
this.a = a;
this.b = b;
this.c = c;
}
})
.catch((error:any)=>{
that.alert(error.msg)
})
},
<view class="ctn">
<view class="itm" @click="clockIn(1, '', a)">//三个入参
<text>今日早餐</text>
<image src="../../static/icon/icon_punch2.png"></image>
<text>打卡时间 {{breakfast_time}}</text>
<text v-if="a" class="unsign">已打卡</text>
<text v-else class="sign">去打卡</text>
</view>
<view class="itm" @click="clockIn(2, '', b)">
<text >今日午餐</text>
<image src="../../static/icon/icon_punch3.png"></image>
<text>打卡时间 {{lunch_time}}</text>
<text v-if="b" class="unsign">已打卡</text>
<text v-else class="sign">去打卡</text>
</view>
<view class="itm" @click="clockIn(3, '', c)">
<text>今日晚餐</text>
<image src="../../static/icon/icon_punch4.png"></image>
<text>打卡时间 {{dinner_time}}</text>
<text v-if="c" class="unsign">已打卡</text>
<text v-else class="sign">去打卡</text>
</view>
</view>
//获取设置 调用方法 getRemind(){ var that:any = this new HealthService().getRemindSett() .then((data:any)=>{ if(data.code==1){ that.breakfast_time = data.data.breakfast_time; that.lunch_time = data.data.lunch_time; that.dinner_time = data.data.dinner_time; that.lead_time = data.data.lead_time+"分钟"; return; } this.requestTodayData(this.date);
//执行完上面设置的接口调用 紧接着执行已打卡的接口调用 保持页面顺序正确 先是设置的时间点击加载上已打卡的当前时间 }) .catch((error:any)=>{ that.alert(error.msg) }) },
requestTodayData(dt:any){ var that:any = this new HealthService().getRecord(dt) .then((data:any)=>{ if(data.code!=1) return that.list = data.data var _b:any = that.list.filter((i:any)=>i.meal_type==1) if(_b&&_b.length>0) that.breakfast_time = _b[0].time _b = that.list.filter((i:any)=>i.meal_type==2) if(_b&&_b.length>0) that.lunch_time= _b[0].time _b = that.list.filter((i:any)=>i.meal_type==3) if(_b&&_b.length>0) that.dinner_time= _b[0].time }) .catch((error:any)=>{ that.alert(error.msg) }) },
//点击打卡 进餐打卡
clockIn(meal_type:any,time:any,num:any){//对应三个入参
var that:any = this
//点击一次 当为1时 已打卡 跳出方法
//注意双等号赋值
if(num==1) return;
//获取数据的时候走这
new HealthService().clockIn(meal_type,time) 传参打卡
.then((data:any)=>{
if(data.code==1){
//返回time数据格式是时间戳 转化成08:00的格式
var time:any = new Date(data.data.time*1000);
time = `${time.getHours()>9?'':'0'}${time.getHours()}:${time.getMinutes()>9?'':'0'}${time.getMinutes()}`
//点击后立即已打卡 时间从设置时间变更为打卡的时间
if(meal_type==1){
that.a = 1
that.breakfast_time = time //接口返回的数据time加载到设置的原来时间 覆盖得出
}
else if(meal_type==2){
that.b = 1
that.lunch_time = time
}
else if(meal_type==3){
that.c = 1
that.dinner_time = time
}
console.log(data);
that.meal_type = data.data.meal_type;
that.time = data.data.time;
return;
}
})
.catch((error:any)=>{
that.alert(error.msg)
})
}
