import taskApi from '../../api/taskApi';
import dayjs from 'dayjs';

Page({
  /**
   * 页面的初始数据
   */
  data: {
    minDate: new Date(2026, 0, 1).getTime(),
    maxDate: new Date(2026, 3, 30).getTime(),
    thisDate: new Date().getTime(),

    toptask: {
      options: [],
      value: '',
    },
    daytasks: [],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.fetchToptask();
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {},

  /**
   * 修改总任务事件处理函数
   */
  onToptaskChange(e) {
    console.log('onToptaskChange', e);
    this.setData({
      'toptask.value': e.detail.value,
    });
    this.fetchDayTasks();
  },

  /**
   * 切换月份或年份事件处理函数
   */
  handelMonthChange(e) {
    console.log('handelMonthChange', e);
    const { year, month } = e.detail;
    let thisDay = dayjs(this.data.thisDate);
    thisDay = thisDay.year(year);
    thisDay = thisDay.month(month - 1);
    this.setData({ thisDate: thisDay.toDate().getTime() });
    this.fetchToptask();
  },

  /**
   * 根据日任务情况，格式化对应日期的样式和内容
   * @param {TDate } day
   * TDate { date: Date; day: number; type: TDateType; className?: string; prefix?: string; suffix?: string;}
   * type TDateType = 'selected' | 'disabled' | 'start' | 'start-end' |'centre' | 'end' | ''
   */
  _formatCalendarDay(day) {
    console.log('_formatCalendarDay', day);
    const { date } = day;
    const year = date.getFullYear();
    const month = date.getMonth() + 1;
    const curDate = date.getDate();

    const { daytasks } = this.data;

    // 查找当天是否有日任务
    const fdt = daytasks.find(d => {
      return dayjs(d.date).isSame(dayjs(date), 'day');
    });

    if (fdt) {
      day.suffix = `${fdt.completeTaskNum}/${fdt.totalTaskNum}`;
    }
    return day;
  },

  /**
   * 点击日期事件处理函数
   */
  handleSelectDay(e) {
    const date = new Date(e.detail.value);
    console.log('handleSelectDay', date);
  },

  /**
   * 根据所选时段获取总任务
   */
  fetchToptask() {
    this.setData({ pageLoading: true });
    const thisDay = dayjs(this.data.thisDate);
    const starttime = thisDay.startOf('month').format('YYYY-MM-DD HH:mm:ss');
    const endtime = thisDay.endOf('month').format('YYYY-MM-DD HH:mm:ss');
    taskApi.fetchTopTasks({ starttime, endtime }).then(res => {
      const options = res.data.map(r => {
        return {
          label: r.name,
          value: r.tguid,
        };
      });
      this.setData({
        toptask: {
          options,
          value: options.length > 0 ? options[0].value : '',
        },
      });
      this.fetchDayTasks();
    });
  },

  /**
   * 获取每日任务统计信息
   */
  fetchDayTasks() {
    this.setData({ pageLoading: true });
    taskApi
      .fetchDayTasks(this.data.toptask.value)
      .then(res => {
        this.setData({ daytasks: res });
        setTimeout(() => {
          const _formatCalendarDay = this._formatCalendarDay;
          this.setData({ formatCalendarDay: _formatCalendarDay });
        }, 1000);
      })
      .finally(() => this.setData({ pageLoading: false }));
  },
});