签到的优化，

yvan.ni
1 parent 7aaba81c
Showing 3 changed files with 147 additions and 61 deletions
packageA/pages/checkin/checkin.js
packageA/pages/checkin/checkin.wxml
packageA/pages/checkin/checkin.wxs
@@ -12,6 +12,9 @@ Page({
 		day: '',
 		weekArr: ['日', '一', '二', '三', '四', '五', '六'],
 		dateArr: [],
+		n_dateArr:[],  //本月的日期
+		s_dateArr:[],  //上月的日期
+		
 		firstDay: '',
 		lastDay: '',
 		param: null,
@@ -52,10 +55,8 @@ Page({
 		this.setDate();
 		var res = wx.getSystemInfoSync();
 		this.setData({
-			param: res.windowHeight / 12,
-			
+			param: res.windowHeight / 12,			
 		})
-
 		// 判断会员是否授权登录，
 		// 没有登录则跳转到登录页，
@@ -103,14 +104,12 @@ Page({
 		});
 	},
-
 	// 点击"我的积分"和"去购物"进行跳转
 	goto(e) {
 		let url = e.target.dataset.url;
 		app.goto(url);
 	},
-	
 	// 点击显示签到规则
 	showRules() {
 		if(this.data.isShowRules) {
@@ -127,34 +126,87 @@ Page({
 	// 加载签到记录
 	loadCheckedRecord() {
-		let newDateArr = this.data.dateArr;
+        let newDateArr=[]; 
 		let list;
 		let bqlist;
+		//--判断什么日子是签到的,上个月的--
+		if(this.data.res.qdsdaylist) {
+			list = this.data.res.qdsdaylist.split(',');
+			for(var i in this.data.s_dateArr){
+				var item=this.data.s_dateArr[i];
+				if(this.check_is_qd(item,list)){
+					item.isCheckIn = true;
+				}else{
+					item.isCheckIn = false;
+				}
+			}
+		}	
+		newDateArr=newDateArr.concat(this.data.s_dateArr);			
+		//--判断什么日子是签到的，这个月的--
 		if(this.data.res.qddaylist) {
 			list = this.data.res.qddaylist.split(',');
-			for(let item of list) {
-				newDateArr[item-1].isCheckIn = true;
-			};
+			for(var i in this.data.n_dateArr){
+				var item=this.data.n_dateArr[i];
+				if(this.check_is_qd(item,list)){
+					item.isCheckIn = true;
+				}else{
+					item.isCheckIn = false;
+				}
+			}
 		}
+		newDateArr=newDateArr.concat(this.data.n_dateArr);
+	
+		//--判断什么日子是要补签的--
 		if(this.data.res.curbqdaynum) {
 			bqlist = this.data.res.curbqdaynum.split(',');
-			for(let item of bqlist) {
-				var date = new Date(item);
-				newDateArr[date.getDate()-1].isBq = true;
-			}
+			for(var i in newDateArr){
+				var item=newDateArr[i];
+				if(this.check_is_bq(item,bqlist)){
+					item.isBq = true;
+				}else{
+					item.isBq = false;
+				}
+			}			
 		}
 		this.setData({
 			dateArr: newDateArr
 		});
 	},
+	
+	//判断是不是同一个日期，签到的
+	check_is_qd(item,bqlist){
+		for(var i in bqlist){		
+			var c_item=JSON.parse(JSON.stringify(item));
+			if(c_item.num<10) c_item.num="0"+c_item.num;			
+			if(c_item.num==bqlist[i]){
+				return true;
+			}
+		}
+		return false;
+	},
+	
+	//判断是不是同一个日期,补签到的
+    check_is_bq(item,bqlist){
+		for(var i in bqlist){
+			if(item.date==bqlist[i]){
+				return true;
+			}
+		}
+		return false;
+	},
+
 	// 点击签到
 	checkInToday() {
 		const self = this;
 		// 获取今天的签到状态
-		let isCheckInToday = this.data.dateArr[this.data.day-1].isCheckIn;
+		//let isCheckInToday = this.data.dateArr[this.data.day-1].isCheckIn;
+		var ck=this.data.day;
+		if(parseInt(ck)<10) ck="0"+ck;	 
+		var isCheckInToday=this.data.res.qddaylist.indexOf(ck); 
+		
 		// 如果还没签到, 可以点击签到
-		if(!isCheckInToday) {
+		if(isCheckInToday==-1) {
 			app.request.promisePost('/api/weshop/qdrecord/saveQd', {
 				data: {
 					store_id: app.globalData.setting.stoid,
@@ -163,8 +215,16 @@ Page({
 			}).then(res => {
 				// 改变签到状态,由false置为true
 				// let newDateArr = self.data.dateArr;
-				// newDateArr[self.data.day-1].isCheckIn = true;
-				
+				// newDateArr[self.data.day-1].isCheckIn = true;	
+							
+				for(var i in self.data.dateArr) {
+					self.data.dateArr[i].isCheckIn=false;
+					self.data.dateArr[i].isBq=false;
+				}						
+				self.setData({
+					dateArr: self.data.dateArr
+				});				
+							
 				self.loadQd(function() {
 					wx.showToast({
 					  title: self.data.res.qdintro,
@@ -198,20 +258,23 @@ Page({
 				}
 			}).then(res => {
 				// 改变签到状态,由false置为true
-			// 	let newDateArr = self.data.dateArr;
-			// 	newDateArr[self.data.day-1].isCheckIn = true;
-					var bqlist = self.data.res.curbqdaynum.split(',').sort();
-					var list = [];
+			    // let newDateArr = self.data.dateArr;
+			    // newDateArr[self.data.day-1].isCheckIn = true;
+					//var bqlist = self.data.res.curbqdaynum.split(',').sort();
+					//var list = [];
+					/*--
 					for(let item of bqlist) {
 						var date = new Date(item);
 						list.push(date.getDate());
-					}
-					
-					self.data.dateArr[list[0]-1].isBq = false;
+					}--*/					
+												
+					for(var i in self.data.dateArr) {
+						self.data.dateArr[i].isCheckIn=false;
+						self.data.dateArr[i].isBq=false;
+					}						
 					self.setData({
 						dateArr: self.data.dateArr
-					});
-					
+					});					
 					self.loadQd(function() {
 						self.data.flag = true;
 							wx.showToast({
@@ -227,10 +290,6 @@ Page({
 		}
 	},
-	
-	
-
-
 	getDate: function() { //获取当月日期
 		var mydate = new Date();
 		var year = mydate.getFullYear();
@@ -240,7 +299,7 @@ Page({
 		this.data.month = months;
 		this.data.day = mydate.getDate(); 		//获取当月日期: 1~31
 		var fist = new Date(year, month, 1);
-		this.data.firstDay = fist.getDay();		//获取当月第一天
+		this.data.firstDay = fist.getDay();		//获取当月第一天		
 		var last = new Date(year, months, 0); //0表示当月最后一天
 		this.data.lastDay = last.getDate();   //获取当月最后一天
@@ -249,22 +308,43 @@ Page({
 			month: this.data.month,
 			day: this.data.day,
 			firstDay: this.data.firstDay,
-			lastDay: this.data.lastDay
+			lastDay: this.data.lastDay,
+			fist:fist
 		})
 		console.log("今天：" + this.data.day);
 	},
 	setDate: function() {
 		var day;
-		for (var i = 1; i < this.data.lastDay + 1; i++) {
-			day = {
-				num: i,
-			};
-			this.data.dateArr.push(day);
+		for(var i=0;i<this.data.firstDay;i++){
+			//获取前几天的时间数组
+			var arr_d=this.getNextDate(this.data.fist,i-this.data.firstDay)
+			day = {num: arr_d[1],date:arr_d[0]};
+			this.data.s_dateArr.push(day);
+		}
+			
+		for (var i = 1; i < this.data.lastDay + 1; i++) {			
+			var date=this.data.month+"";
+			if(this.data.month<10) date="0"+date;	
+			if(i<10) {
+				date=date+"-0"+i;
+			}else{
+				date=date+"-"+i;
+			}			
+			day = {num: i,date:date};
+			this.data.n_dateArr.push(day);
 		}
-		this.setData({
-			dateArr: this.data.dateArr,
-		});
 	},
+	//获取相隔是多少天的日期
+    getNextDate(date,day) {  
+	  var dd = date;
+	  dd.setDate(dd.getDate() + day);
+	  //var y = dd.getFullYear();
+	  var m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1;
+	  var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate();
+	  //return y + "-" + m + "-" + d;
+	  return [m + "-" + d,dd.getDate()];
+	}
+	
 })
@@ -8,31 +8,31 @@
 	</view>
 	<view class="list flex">
-		<view class="list-item {{dateArr[myUtil.setDate(year, res.sday2, 0)-1].isCheckIn ? 'active':''}}">
+		<view class="list-item active}}">
 			<view class="circle">+{{res.cday1}}</view>
-			<view class="fs26">{{myUtil.setDate(year, res.sday2, 0)}}日</view>
+			<view class="fs26">{{res.sday2}}</view>
 		</view>
-		<view class="list-item {{dateArr[myUtil.setDate(year, res.sday3, 0)-1].isCheckIn ? 'active':''}}">
+		<view class="list-item {{myUtil.setDate_is_act(year, res.sday3, 0,res.qddaylist)? 'active':''}}">
 			<view class="circle">+{{res.daynum}}</view>
 			<view class="fs26">今日</view>
 		</view>
-		<view class="list-item {{dateArr[myUtil.setDate(year, res.sday3, 1)-1].isCheckIn ? 'active':''}}">
+		<view class="list-item {{myUtil.setDate_is_act(year, res.sday3, 1,res.qddaylist)? 'active':''}}">
 			<view class="circle">+{{res.tdayc1}}</view>
 			<view class="fs26">明日</view>
 		</view>
-		<view class="list-item {{dateArr[myUtil.setDate(year, res.sday3, 2)-1].isCheckIn ? 'active':''}}">
+		<view class="list-item {{myUtil.setDate_is_act(year, res.sday3, 2,res.qddaylist)? 'active':''}}">
 			<view class="circle">+{{res.tdayc2}}</view>
 			<view class="fs26">{{myUtil.setDate(year, res.sday3, 2)}}日</view>
 		</view>
-		<view class="list-item {{dateArr[myUtil.setDate(year, res.sday3, 3)-1].isCheckIn ? 'active':''}}">
+		<view class="list-item {{myUtil.setDate_is_act(year, res.sday3, 3,res.qddaylist)? 'active':''}}">
 			<view class="circle">+{{res.tdayc3}}</view>
 			<view class="fs26">{{myUtil.setDate(year, res.sday3, 3)}}日</view>
 		</view>
-		<view class="list-item {{dateArr[myUtil.setDate(year, res.sday3, 4)-1].isCheckIn ? 'active':''}}">
+		<view class="list-item {{myUtil.setDate_is_act(year, res.sday3, 4,res.qddaylist)? 'active':''}}">
 			<view class="circle">+{{res.tdayc4}}</view>
 			<view class="fs26">{{myUtil.setDate(year, res.sday3, 4)}}日</view>
 		</view>
-		<view class="list-item {{dateArr[myUtil.setDate(year, res.sday3, 5)-1].isCheckIn ? 'active':''}}">
+		<view class="list-item {{myUtil.setDate_is_act(year, res.sday3, 5,res.qddaylist)? 'active':''}}">
 			<view class="circle">+{{res.tdayc5}}</view>
 			<view class="fs26">{{myUtil.setDate(year, res.sday3, 5)}}日</view>
 		</view>
@@ -40,12 +40,12 @@
 	<view class="btn-container">
 		<view class="btn" bindtap="checkInToday" wx:if="{{isLogin}}">
-			<text class="iconfont icon-rili"></text>{{!dateArr[day-1].isCheckIn ? '立即签到':'今日已签到'}}
+			<text class="iconfont icon-rili"></text>{{!myUtil.setDate_is_act(year, res.sday3, 0,res.qddaylist) ? '立即签到':'今日已签到'}}
 		</view>
 		<view class="btn" bindtap="isLogin" wx:else>
 			<text class="iconfont icon-rili"></text>签到请登录
 		</view>
-		<view class="btn" wx:if="{{res.curbqdaynum}}" bindtap="reCheckIn"><text class="iconfont icon-buqian"></text>补签(-10分)</view>
+		<view class="btn" wx:if="{{res.curbqdaynum}}" bindtap="reCheckIn"><text class="iconfont icon-buqian"></text>补签(-{{res.getBQIntegral}}分)</view>
 	</view>
@@ -60,7 +60,8 @@
 		<view class="calendar-wrapper">
 			<view class="calendar-title">
 				<view>{{year}}年{{month}}月</view>
-				<view class="fs24" style="color:#999;font-weight:bold">补签卡：{{res.getkbqnum}}</view>
+				<!-- 有补签，才要补签卡 -->
+				<view wx:if="{{res.curbqdaynum}}" class="fs24" style="color:#999;font-weight:bold">补签卡：{{res.getkbqnum}}</view>
 			</view>
 			<view class="calendar">
 			 <!-- <view class="selectDate"> -->
@@ -77,7 +78,7 @@
 			 <view class="date">
 			   <block wx:for="{{dateArr}}" wx:for-index="index" wx:for-item="item" wx:key="key">
 					 <!-- <view style="{{index ==0?'margin-left:calc(100%/7 * ' + firstDay + ');':''}}width:calc(100%/7);line-height:80rpx;" class="{{index+1==day?'today':''}} {{index+1==day&&isClock?'clockOn':''}}" ><view class="day">{{item}}</view></view> -->
-			     <view style="{{index ==0?'margin-left:calc(100%/7 * ' + firstDay + ');':''}}width:calc(100%/7);line-height:80rpx;" class="{{item.isCheckIn ? 'active':''}} {{res.curbqdaynum&&item.isBq ? 'bq':''}}" bindtap="clickDay" data-day="{{item.num}}">
+			     <view style="{{index ==0?'margin-left:calc(100%/7 * 0);':''}}width:calc(100%/7);line-height:80rpx;" class="{{item.isCheckIn ? 'active':''}} {{res.curbqdaynum&&item.isBq ? 'bq':''}}" bindtap="clickDay" data-day="{{item.num}}">
 						 <view class="day">{{item.num}}</view>
 					 </view>
 			   </block>
 var myUtil = {
-	setDate: function(year, startDate, num) {
+	setDate_is_act: function(year, startDate, num,qdlist) {
 		var date = getDate(year + '-' + startDate);
 		date.setDate(date.getDate() + num);
 		date = getDate(date).getDate();
-		return date;
+		if(date<10) date="0"+date;
+		if(!qdlist) return false;
+		if(qdlist.indexOf(date)!=-1){
+			return true
+		}
+		return false;
 	},
-	// dateDiff: function(firstDate,secondDate) {
-	// 	var firstDate = new Date(firstDate);
-	// 	var secondDate = new Date(secondDate);
-	// 	var diff = Math.abs(firstDate.getTime() - secondDate.getTime());
-	// 	var result = parseInt(diff / (1000 * 60 * 60 * 24));
-	// 	return result;
-	// },
+	setDate:function(year, startDate, num){
+		var date = getDate(year + '-' + startDate);
+		date.setDate(date.getDate() + num);
+		date = getDate(date).getDate();
+		return date; 
+	}
 };
 module.exports = {
 	setDate: myUtil.setDate,
+	setDate_is_act: myUtil.setDate_is_act,
 };
 \ No newline at end of file