sagacloud-sagacare-miniprogram/pages/usercenter/index.js

import $ from './../../utils/Tool'
import router from './../../utils/router'
import {getSpaceNum ,getfeedbackSeason,getCurrentSeason} from '../../requests/api';
function chartFn(data=[]) {
  return function onInitChart(canvas, width, height, F2) { // 使用 F2 绘制图表F2, config
    const chart = new F2.Chart({
      el: canvas,
      width,
      height,
      // padding:[10,-10,0,30]
    });
    chart.legend('name', {
      marker: 'square',
      // custom: true,
      // items:[
      //   {
      //     name: '冷',
      //     marker: 'square',
      //     fill: '#FACC14',
      //     checked: true
      //   },
      //   {
      //     name: '热',
      //     marker: 'square',
      //     fill: '#FF8800',
      //     checked: true
      //   }
      // ]
    });
    chart.source(data, {
      数值: {
        tickCount: 2,
      }
    });
    // chart.tooltip({

    // });
    chart.interval()
      .position('温度*数值')
      .color('name',['#04B49C','#FF8800']).size(10).adjust({
        type: 'dodge',
        marginRatio: 0.05 // 设置分组间柱子的间距
      });
      // .adjust('stack');
    chart.render();
    return chart;
  }
}

Page({
  data: {
    headerShow:false,
    seasonList:[ //Warm, Cooling, Transition
      {name:"供冷季",id:"Cooling"},
      {name:"供暖季",id:"Warm"},
      {name:"过渡季",id:"Transition"}
    ],
    seasonType:"",
    opts:{
      // onInit: onInitChart
    },
    spaceFeedbackNum:0,
    adjustSpaceNum:0,
    currentSeason:'',
    nochartDate:false,
    bgSeasonType:'Cooling'
  },
  goBack(){
    router.pop();
  },
  gotoFeedback(e){
    console.log(e)
    router.push("feedback")
  },
  gotoAdjustlog(e){
    let {type} =e.currentTarget.dataset;
    router.push("adjustlog",{spaceFeedbackNum:this.data.spaceFeedbackNum,type:type})
  },
  changeSeason(e){
    let type=e.currentTarget.dataset.index;
    this.setData({seasonType:type},()=>{
      this.getSeasonchart();
    })
  },
  // opts.onInit.changeData
  getSeasonchart(){
    let data={
      "criteria": {
          "projectId":$.store.get('projectId') ,
          "openid":$.store.get('openId'),
          "userId":$.store.get('userId'),
          "seasonType":this.data.seasonType// 季节类型  Warm, Cooling, Transition
      },
      "orders": [
          {
              "column": "fbTemp",
              "asc": true
          }
      ]
    }
    getfeedbackSeason(data).then(res=>{
      if(res.count){
        let {content} =res;
        let arrChart=[];
        content.forEach(item => {
          if(item.fbTemp=="-9999"){
            return
          }
          let objCold = {
            name:'冷',
            温度:item.fbTemp+'°C',
            数值:item.fbColdNum
          };
          let objHot= {
            name:'热',
            温度:item.fbTemp+'°C',
            数值:item.fbHotNum
          };
          arrChart.push(objCold);
          arrChart.push(objHot);
        });
        if(arrChart.length){
          this.setData({nochartDate:false})
          let chartdom = this.selectComponent('#column-dom');
          chartdom.init(chartFn(arrChart));
        }else{
          this.setData({nochartDate:true})
        }
      }else{
        this.setData({nochartDate:true})
      }
    })
  },
  getSpacefeedNum(){
    let data={
        "criteria": {
            "projectId":$.store.get('projectId'),
            "userId":$.store.get('userId')
            },
            "orders": [
            {
                "column": "createTime",
                "asc": false
            }
        ]
    }
    getSpaceNum(data).then(res=>{
      this.setData({
        spaceFeedbackNum:res.spaceFeedbackNum,
        adjustSpaceNum:res.adjustSpaceNum
      })
    })
  },
  async getnowSeason(){
    let day = new Date();
    let year = day.getFullYear();
    let month = day.getMonth() + 1;
    let today = day.getDate();
    const data={
      projectId:$.store.get('projectId'),
      date:`${year}${month}${today}`
    }
    await getCurrentSeason(data).then(res=>{
      if(res.result=="success"){
        this.setData({seasonType:res.data,bgSeasonType:res.data},()=>{

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

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    setTimeout(()=>{
      this.setData({headerShow:true})
    },500)
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },
})