// pages/index/index.js
import { getProjectList, getPatrolRecord } from "../../utils/getApiUrl";
import { Request } from "../../common";
const moment = require("../../utils/moment");

Page({

  /**
   * 页面的初始数据
   */
  data: {
    project: [],
    todayRecord: [], // 今日巡检记录
    markers: [],
    isShowCallout: false,
  },

  setMarkers(project, todayRecord) {
    const markers = project.map(p => {
      let todayCount = 0;
      todayRecord.forEach(r => {
        if (r.projectId === p.id) { todayCount += 1 }
      })
      return {
        id: p.id,
        latitude: p.latitude,
        longitude: p.longitude,
        name: p.name,
        iconPath: '/images/tunnel.png',
        width: 18,
        height: 18,
        callout: {
          content: `${p.name}\n今日巡检：${todayCount}次`,
          padding: 10,
          display: this.data.isShowCallout ? 'ALWAYS' : 'BYCLICK',
        },
      }
    })
    this.setData({ markers })
  },

  // 获取结构物和今日巡检次数
  getData() {
    const that = this;
    wx.showLoading({ title: '加载中' })
    const promiseArr = [];
    promiseArr.push(Request.get(getProjectList(), {}));
    promiseArr.push(Request.get(getPatrolRecord('all', moment().format('YYYY-MM-DD') + ' 00:00:00', moment().format('YYYY-MM-DD') + ' 23:59:59', 'null', 'null')));
    Promise.all(promiseArr).then(res => {
      wx.hideLoading()
      that.setData({
        project: res[0].rows,
        todayRecord: res[1]
      })
      that.setMarkers(res[0].rows, res[1]);
      // 缩放视野展示所有 markers
      const mapCtx = wx.createMapContext('mapDom')
      mapCtx.includePoints({
        points: res[0].rows,
        padding: [40, 40, 40, 40]
      })
    })
  },

  showCallout() {
    this.setData(
      { isShowCallout: !this.data.isShowCallout },
      () => { this.setMarkers(this.data.markers, this.data.todayRecord); }
    );
  },

  onRefresh() {
    this.getData();
  },

  onMarkerTap(e) {
    const describe = this.data.project.find(p => p.id === e.detail.markerId).describe || '';
    wx.navigateTo({url: `/package/pointsStatus/pointsStatus?projectId=${e.detail.markerId}&describe=${describe}`})
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    const userInfo = wx.getStorageSync('userInfo');
    if (!userInfo || !userInfo.id) {
      wx.reLaunch({
        url: '/pages/login/login'
      });
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    const userInfo = wx.getStorageSync('userInfo');
    if (!userInfo || !userInfo.id) {
      wx.reLaunch({
        url: '/pages/login/login'
      });
    } else {
      this.getData();
    }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

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

  }
})