app/pages/checkin/index.js

// pages/checkin/index.js
const util = require("../../utils/util");
const tools = require("../../utils/tool");
const App = getApp();
Page({
  /**
   * 页面的初始数据
   */
  data: {
    appAssetsUrl: App.appAssetsUrl,
    appAssetsUrl2: App.appAssetsUrl2,
    userInfo: {
      avatar: 'https://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLt5DDw9rFVYB2D8bYlMOVqVTdJ2y7WRzVBJy5s3ib5K8nIHQ8iaJrGvEJmjwP3QrhEEHgPnIiccRJvA/132',
      nickname: '刘微雪',
      points: 2000
    },
    currentDate: new Date(),
    currentYear: new Date().getFullYear(),
    currentMonth: new Date().getMonth() + 1,
    checkedDates: [], // 已签到日期，从服务器或本地存储加载
    today: new Date().getDate(), // 今天日期
    isCheckedToday: false, // 今天是否已签到
    weekdays: ['一', '二', '三', '四', '五', '六', '日'],
    calendarDays: [],
    tasks: [
      {
        id: 1,
        icon: '/assets/images/user-icon/user1.png',
        title: '邀请好友',
        desc: '邀请成功可获得积分奖励',
        status: '去完成'
      },
      {
        id: 2,
        icon: '/assets/images/user-icon/user2.png',
        title: '观看广告',
        desc: '观看广告可获得积分奖励',
        count: '(0/3)',
        status: '去完成'
      },
      {
        id: 3,
        icon: '/assets/images/user-icon/user3.png',
        title: '参与课程',
        desc: '邀请成功可获得积分奖励',
        status: '去完成'
      },
      {
        id: 4,
        icon: '/assets/images/user-icon/user4.png',
        title: '邀请好友',
        desc: '邀请成功可获得积分奖励',
        status: '去完成'
      }
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.setNavigationBarTitle({
      title: '每日签到'
    });
    // this.loadCheckinHistory();
    // this.initCalendar();
    this.getUserInfo();
    // this.getCheckDate();
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // 页面显示时重新加载签到状态
    this.loadCheckinHistory();
    this.initCalendar();
  },

  /**
   * 下拉刷新
   */
  onPullDownRefresh: function () {
    this.loadCheckinHistory();
    this.initCalendar();
    this.getUserInfo();
    wx.stopPullDownRefresh();
  },

  /**
   * 加载签到历史记录
   */
  loadCheckinHistory () {
    // const currentDate = new Date();
    // const year = currentDate.getFullYear();
    // const month = currentDate.getMonth() + 1;
    // const storageKey = `checkin_${year}_${month}`;

    // // 从本地存储加载当月签到记录
    // let checkedDates = wx.getStorageSync(storageKey) || [];

    // // 确保数据是数组格式
    // if (!Array.isArray(checkedDates)) {
    //   checkedDates = [];
    // }

    // // 过滤掉无效的日期（大于当月最大天数）
    // const daysInMonth = new Date(year, month, 0).getDate();
    // checkedDates = checkedDates.filter(day => day >= 1 && day <= daysInMonth);

    // this.setData({
    //   checkedDates
    // });

    // TODO: 这里可以调用API从服务器获取签到记录
    this.getCheckinHistoryFromServer();
  },
  //获取用户信息
  getUserInfo () {
    let _this = this;
    let id = util.getUserId();
    if (id) {
      let parm = {
        id,
      };
      App._post_form(
        "member/apiSelectMeberInfo",
        "application/json",
        JSON.stringify(parm),
        function (res) {
          console.log(res);
          if (res.code === 0) {
            wx.setStorageSync("USER", res.member);
            _this.setData({
              userInfo: res.member,
            });
          } else {
            wx.removeStorageSync("USER");
            wx.navigateTo({
              url: "/pages/login",
            });
          }
        }
      );
    }
  },
  // 获取已签到日期
  getCheckDate () {
    App._get(
      '/scoreStu/list',
      { stuId: util.getUserId() }).then(res => {
      });
  },
  /**
   * 从服务器获取签到历史（备用）
   */
  getCheckinHistoryFromServer () {
    const userId = util.getUserId();
    if (!userId) return;

    App._get(
      '/scoreStu/list',
      {
        stuId: userId,
      },
      (res) => {
        if (res.code === 0) {
          let data = res.data.map(v => {
            return parseInt(v.substr(6, 2));
          })
          this.setData({
            checkedDates: data
          });
          this.initCalendar();
        }
      }
    );
  },

  /**
   * 初始化日历
   */
  initCalendar () {
    // 使用当前系统时间
    const date = new Date();
    const year = date.getFullYear();
    const month = date.getMonth();
    const today = date.getDate();

    // 获取当月第一天是星期几
    const firstDay = new Date(year, month, 1).getDay();
    const adjustedFirstDay = firstDay === 0 ? 7 : firstDay; // 将周日从0调整为7

    // 获取当月天数
    const daysInMonth = new Date(year, month + 1, 0).getDate();

    // 生成日历数组
    const calendarDays = [];

    // 添加空白格子（上个月的日期）
    for (let i = 1; i < adjustedFirstDay; i++) {
      calendarDays.push({ day: '', isEmpty: true });
    }

    // 添加当月日期
    for (let day = 1; day <= daysInMonth; day++) {
      calendarDays.push({
        day: day,
        isEmpty: false,
        isToday: day === today,
        isChecked: this.data.checkedDates.includes(day)
      });
    }
    console.log('aaa', calendarDays, this.data.checkedDates.includes(26))
    this.setData({
      calendarDays,
      currentYear: year,
      currentMonth: month + 1,
      today: today,
      isCheckedToday: this.data.checkedDates.includes(today)
    });
  },
  /**
   * 立即签到
   */
  handleCheckin () {
    if (this.data.isCheckedToday) {
      wx.showToast({
        title: '今日已签到',
        icon: 'none'
      });
      return;
    }

    wx.showLoading({
      title: '签到中...'
    });

    // 执行签到操作
    this.performCheckin();
  },

  /**
   * 执行签到操作
   */
  performCheckin () {
    const userId = util.getUserId();
    const currentDate = new Date();
    // TODO: 调用签到API
    // App._post_form(
    //   '/api/scoreStu/dailyLogin',
    //   'application/json',
    //   {
    //     userId: userId,
    //   },
    //   (res) => {
    //     if (res.code === 0) {
    //       this.updateCheckinSuccess(res.data.points || 10);
    //     } else {
    //       wx.hideLoading();
    //       wx.showToast({
    //         title: res.message || '签到失败',
    //         icon: 'none'
    //       });
    //     }
    //   }
    // );

    // 模拟成功签到
    // setTimeout(() => {
    this.updateCheckinSuccess(10);
    // }, 1000);
  },

  /**
   * 更新签到成功状态
   */
  updateCheckinSuccess (points = 10) {
    // wx.hideLoading();

    // const today = this.data.today;
    // const checkedDates = [...this.data.checkedDates, today];
    // const calendarDays = this.data.calendarDays.map(item => {
    //   if (item.day === today) {
    //     return { ...item, isChecked: true };
    //   }
    //   return item;
    // });

    // // 保存到本地存储
    // const currentDate = new Date();
    // const year = currentDate.getFullYear();
    // const month = currentDate.getMonth() + 1;
    // const storageKey = `checkin_${year}_${month}`;
    // wx.setStorageSync(storageKey, checkedDates);

    // this.setData({
    //   checkedDates,
    //   calendarDays,
    //   isCheckedToday: true,
    //   'userInfo.points': this.data.userInfo.points + points
    // });

    // wx.showToast({
    //   title: `签到成功，获得${points}积分`,
    //   icon: 'success'
    // });

    // 统计积分（每日登录）
    // this.addScore();
    if (!util.getUserId()) {
      return;
    }
    let _this = this;
    App._post_form(
      'scoreStu/dailySign',
      '', {
      stuId: util.getUserId(),
    },
      function (res) {
        // 积分统计完成
        wx.showToast({
          title: `签到成功，获得${points}积分`,
          icon: 'success'
        });
        _this.loadCheckinHistory();
        _this.initCalendar();
      }
    );
  },

  /**
   * 统计积分(每日登录)
   */
  addScore: function () {
    if (!util.getUserId()) {
      return;
    }
    App._post_form(
      'scoreStu/dailyLogin/dailySign',
      '', {
      stuId: util.getUserId(),
    },
      function (res) {
        // 积分统计完成
      }
    );
  },

  /**
   * 处理任务点击
   */
  handleTaskClick (e) {
    const taskId = e.currentTarget.dataset.id;
    const task = this.data.tasks.find(t => t.id == taskId);

    wx.showToast({
      title: `点击了${task.title}`,
      icon: 'none'
    });

    // 根据不同任务跳转到不同页面
    switch (taskId) {
      case 1:
      case 4:
        // 邀请好友
        this.inviteFriend();
        break;
      case 2:
        // 观看广告
        this.watchAd();
        break;
      case 3:
        // 参与课程
        this.joinCourse();
        break;
    }
  },

  /**
   * 邀请好友
   */
  inviteFriend () {
    wx.showModal({
      title: '邀请好友',
      content: '邀请好友注册可获得积分奖励',
      confirmText: '立即邀请',
      success: (res) => {
        if (res.confirm) {
          // 实现邀请逻辑
          wx.showToast({
            title: '邀请功能开发中',
            icon: 'none'
          });
        }
      }
    });
  },

  /**
   * 观看广告
   */
  watchAd () {
    wx.showToast({
      title: '广告功能开发中',
      icon: 'none'
    });
  },

  /**
   * 参与课程
   */
  joinCourse () {
    wx.navigateTo({
      url: '/pages/home/index/courseDetail/courseDetail'
    });
  }
});