import * as echarts from '../../components/ec-canvas/echarts';
import constant from '../../utils/constant.js';
var util = require('../../utils/util.js');
var Constant = require('../../utils/constant.js');
import Request  from "../../utils/api"
//获取引用实例
var app = getApp();
var RefreshTime = 120;
var barec = null; //动态配置图表数据的变量
Page({
  /**
   * 页面的初始数据
   */
  data: {
    tabBar: [{
        index: 0,
        iconPath: "icon-shebeijiance-dianji",
        selectedIconPath: "icon-shebeijiance-dianji blue",
        text: "监测"
      },
      {
        index: 2,
        iconPath: "icon-guzhang",
        selectedIconPath: "icon-guzhang blue",
        text: "警报"
      }
    ],



    machineList: [], //泵组详情名称

    startAlarmDate: util.formatDay(util.GetBeforeDate(7)),
    endAlarmDate: util.formatDay(new Date()),
    today: util.formatDay(new Date()),
    meterID: 0,
    currentTabIndex: 0,
    lastRefreshTime: RefreshTime, //秒
    loadingHidden: false,
    loadingInfo: "加载中,请稍等...",
    intervalRefreshTime: null,
    allProductPoints: [],
    allPointId: [],
    alarmListInfo: [],

    isInitialAlarmData: false, //是否初始化警报记录
    hasAlarmData: false,
    hasPointData: true,

    IsDefault: true,
    kpiParas: { //顶部状态
      status: '正常',
      runNnumber: 4,
      alarmNumber: "无"
    },

    scrollHeight: wx.getSystemInfoSync().windowHeight,
    isShowFloatMenu: false, //是否显示
    animationFloatMenu: '', //显示动画

    //echart 所有变量定义
    ec: {
      onInit: function (canvas, width, height, dpr) {
        //初始化echarts元素，绑定到全局变量，方便更改数据
        barec = echarts.init(canvas, null, {
          width: width,
          height: height,
          devicePixelRatio: dpr
        });
        canvas.setChart(barec);
        return barec;
      },
    },
    //当前时间
    yestday: util.formatDay(util.GetNextDate(new Date(), 0)),
    historyDate: util.formatDay(util.GetNextDate(new Date(), 0)),
    isNextDayAble: false, //是否可以点击下一天
    PageIndex: 1, //初始化页数
    PageSize: 20, //初始化条数
    message: '未发生报警',
    bottomStatus: false,
    isExpandList: false, //列表展开状态 默认true不展开
    isShowFloatMenu: false, //是否显示
    animationFloatMenu: '', //显示动画
    scrollHeight: wx.getSystemInfoSync().windowHeight,
    scrollTop: 0,
  },
  //监测列表伸缩
  tapExpandList() {
    var allProductPoints = this.data.allProductPoints
    if (this.data.isExpandList) {
      for (let i = 0; i < allProductPoints.length; i++) {
        allProductPoints[i].IsExpand = false
      }
      this.setData({
        isExpandList: false,
        allProductPoints: allProductPoints
      })
    } else if (this.data.isExpandList == false) {
      for (let i = 0; i < allProductPoints.length; i++) {
        allProductPoints[i].IsExpand = true
      }
      this.setData({
        isExpandList: true,
        allProductPoints: allProductPoints
      })
    }
  },
  //上一天点击事件
  yesterDay: function () {
    this.setData({
      historyDate: util.formatDay(util.GetNextDate(this.data.historyDate, -1)),
      isNextDayAble: true,
    });
    this.getWorkTime()
  },
  //下一天点击事件
  tomorrow: function () {
    var day = util.formatDay(util.GetNextDate(this.data.historyDate, 1));
    // console.log(day);
    // console.log(this.data.yestday);

    var isNextDayAble = true;
    if (day == this.data.yestday) {
      isNextDayAble = false;
    }
    this.setData({
      historyDate: day,
      isNextDayAble: isNextDayAble
    });
    this.getWorkTime()
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //  console.log(options)
    wx.setNavigationBarTitle({
      title: "设备监控" + options.name
    })
    var getNewDateArry = util.getNewDateArry.getNewDateArry();
    var that = this;
    var meterID = options.id;
    // console.log('打印meterID', meterID);
    if (meterID == null) {
      meterID = 462;
    }
    //console.log(meterID);
    // wx.showToast({
    //   title: '获取中....',
    //   icon: "loading",
    //   duration: 3000
    // }) 
    this.setData({
      meterID: meterID,
      getNewDateArry: getNewDateArry.ymdhm
    });
    var userInfo = app.globalData.userInfo;
    if (userInfo == null) {
      return;
    }

    Request({
      url: Constant.BASE_SERVER_URL + "Monitor/MonitorPoint/Mobile/GetByMeterID@V1.0",
      method: 'GET',
      data: {
        CorpID: userInfo.CorpID,
        MeterID: meterID,
      },
      header: {
        'content-type': 'application/json'
      },
      fail: function (err) {
        that.setData({
          loadingHidden: true
        });
      }, //请求失败
      success: function (res) {
        that.setData({
          loadingHidden: true
        });

        var result = res.data;
          console.log('获取的仪器信息', result);

        if (result.Code != 0) {
          wx.showModal({
            title: '',
            content: result.Message,
          });
          return;
        }
        //  console.log(result);
        var dict = result.Data;
        // var dict = result.Data.PointList;
        // console.log('dict',dict);
        var allMeterPoints = dict;
        if (allMeterPoints.length == 0) {
          return;
        }
         console.log('allMeterPoints', allMeterPoints);


        var machineList = []
        for (var i = 0; i < allMeterPoints.length; i++) {
          var node = allMeterPoints[i];
          machineList.push({
            ID: node.ID,
            TitleName: node.Name,
            MachineName: node.Name,
            WorkTime: 0
          });
        }
         var allMeterPointIds = [];
          var dis_num = 0;
          for (var n = 0; n < allMeterPoints.length; n++) {
            var record = allMeterPoints[n];
            record.SignalList[0].SignalValue = ""
            record.SignalList[0].RecordTime= ""
            record.isDisp = false;
            if (record.length <= 2) {
              record.isDisp = true;
              dis_num++;
              allMeterPointIds.push(record.ID);
            }
          }
          if (dis_num < 2) { //没有就显示前两个
            for (var n = 0; n < allMeterPoints.length; n++) {
              var record = allMeterPoints[n];
              if (dis_num <= 2) {
                record.isDisp = true;
                dis_num++;
                allMeterPointIds.push(record.ID);
              }
            }
          }
        
        // console.log(allMeterPointIds)

        //定时刷新
        var intervalRefreshTime = setInterval(function () {
          var getNewDateArry = util.getNewDateArry.getNewDateArry()
          var miao = that.data.lastRefreshTime;
          miao = miao - 1;
          if (miao <= 0) {
            that.setData({
              lastRefreshTime: RefreshTime,
              getNewDateArry: getNewDateArry.ymdhm
            });
            that.refreshRecordValue();
          } else {
            that.setData({
              lastRefreshTime: miao
            });
          }
        }, 1000);

        // console.log('289行',allProductPoints)
        //更新数据
        that.setData({
          allPointId: allMeterPointIds,
          hasPointData: true,
          allProductPoints: allMeterPoints,
          intervalRefreshTime: intervalRefreshTime,
          machineList: machineList
        });
        console.log('machineList', that.data.machineList);

        that.refreshRecordValue(); //刷新一下
      }
    });
  },
  onReady: function () {
    // this.getPoint(); //更新图表配置
  },
  //底部tab切换栏
  tapTab: function (e) {
    var selIndex = e.currentTarget.dataset.index;
    var that = this;
    this.setData({
      currentTabIndex: selIndex
    });
    if (selIndex == 1) { //当选中的下标为1的时候修改图表配置
      setTimeout(function () {
        that.getWorkTime()
      }, 500)
    }
    if (selIndex == 2 && !this.data.isInitialAlarmData) {

      this.setData({
        loadingHidden: false,
        isInitialAlarmData: true
      })
      that.getAlarmData(); //调用警报
    }

  },

  tapProductItem: function (e) {
    // console.log(e.currentTarget.dataset.id)

    // wx.navigateTo({
    //  url: '../product/index?id=' + e.currentTarget.dataset.id,
    //})
  },
  refreshRecordValue: function (e) {
    var that = this;
    var allPointId = this.data.allPointId;
    //console.log(allPointId,565)
    var userInfo = app.globalData.userInfo;
    if (allPointId == null || allPointId.length == 0)
      return;
    that.setData({
      loadingHidden: false,
      loadingInfo: "刷新中,请稍等..."
    });

     console.log(allPointId.join(','))

     Request({
      url: Constant.BASE_SERVER_URL + "Run/MonitorRecord/Mobile/GetLastRecordByMonitorPointIds@V1.0",
      method: 'GET',
      data: {
        CorpID: userInfo.CorpID,
        MonitorPointIds : allPointId.join(',')
      },
      header: {
        'content-type': 'application/json'
      },
      fail: function (err) {
        that.setData({
          loadingHidden: true
        });
        wx.showModal({
          title: '',
          content: '通讯失败',
        })
      }, //请求失败
      complete: function () {}, //请求完成后执行的函数
      success: function (res) {
           console.log('打印刷新后的数据',res);
        that.setData({
          loadingHidden: true
        });

        var result = res.data;
        if (result.Code != 0) {
          wx.showModal({
            title: '',
            content: result.Message,
          });
          return;
        }

        // 
        var newRecordList = result.Data;
        //console.log(result);
        if (newRecordList == null)
          return;

        var allProductPoints = that.data.allProductPoints;
          for (var i = 0; i < allProductPoints.length; i++) {
            var r_ds = allProductPoints[i];;
            for (var j = 0; j < newRecordList.length; j++) {
              if (r_ds.ID == newRecordList[j].MonitorPointID) {
                console.log(r_ds.ID,newRecordList[j].MonitorPointID,"ddd")
                r_ds.SignalList[0].SignalValue =  newRecordList[j].DataValue;
                r_ds.SignalList[0].RecordTime = newRecordList[j].DataTime;
                if (r_ds.SignalList[0].ValueType == 2 && r_ds.SignalList[0].ValueSettings != null) {
                  r_ds.SignalList[0].SignalValue = r_ds.SignalList[0].ValueSettings[r_ds.SignalList[0].SignalValue];
                }
                break;
              }
            }
          }
        


        //更新数据
        that.setData({
          allProductPoints: allProductPoints
        });

      }

    });

  },
  tapeMonitorPoint: function (e) {
    // console.log(e,653)
    var pointid = e.currentTarget.dataset.pointid;
    let cronType = e.currentTarget.dataset.crontype;
    let pointName = e.currentTarget.dataset.pointname;
    let pointUnit = e.currentTarget.dataset.pointunit;
    console.log(pointid);
if(cronType != 0){
  wx.showModal({
    title:"提示",
    content:"不是实时测点,暂无配置",
    showCancel:false,
  })
  return
}
    wx.navigateTo({
      url: '../singlePoint/index?id=' + pointid + '&name=' + pointName + "&unit=" + pointUnit,
    });
  },
  //刷新警报数据
  tapRefreshAlarm: function () {
    this.setData({ //初始化设置
      bottomStatus: false,
      PageIndex: 1,
      alarmListInfo: []
    })
    this.getAlarmData();
  },
  //警报
  getAlarmData: function () {
    var that = this;
    var alarmListInfo = that.data.alarmListInfo
    var userInfo = app.globalData.userInfo;
    wx.showLoading({
      title: '加载中...',
    })

    Request({
      url: Constant.BASE_SERVER_URL + "Run/MonitorAlarmRecord/Mobile/GetPageListByMonitorPointID@V1.0",
      method: 'GET',
      data: {
        CorpID:userInfo.CorpID,
        MonitorPointID : that.data.meterID,
        StartTime: that.data.startAlarmDate,
        EndTime: that.data.endAlarmDate,
        PageIndex: that.data.PageIndex,
        PageSize: that.data.PageSize
      },
      header: {
        'content-type': 'application/json'
      },
      fail: function (err) {
        wx.showModal({
          title: '',
          content: '通讯失败',
        })
      }, //请求失败
      complete: function () {
        that.setData({
          loadingHidden: true
        });
      }, //请求完成后执行的函数
      success: function (res) {
        // console.log('打印警报信息', res.data)
        wx.hideLoading();
        if (res.data.Code != 0) {
          wx.showToast({
            title: '获取数据失败',
          });
          that.setData({
            hasAlarmData: false
          });
          return;
        }
        let result = res.data.Data
        if (result.List.length == 0) {
          wx.showToast({
            title: '当前无报警数据',
          });
          that.setData({
            hasAlarmData: false
          });
          return;
        }
        if (result.Total == 0) {
          that.setData({
            hasAlarmData: false,
            message: '暂无报警数据'
          });
          return;
        }
        if (result == null) {
          that.setData({
            bottomStatus: true,
            message: '暂无报警数据'
          });
          return;
        }
        // console.log(that.data.PageIndex, that.data.PageSize)
        // console.log(that.data.PageIndex * that.data.PageSize)

        if (that.data.PageIndex * that.data.PageSize > res.data.Data.Total) {
          let list = res.data.Data
          that.setData({
            bottomStatus: true,
            hasAlarmData: true,
            alarmListInfo: alarmListInfo.concat(list)
          })
          return;
        }
        var ListInfo = res.data.Data
        var pageIndex = that.data.PageIndex
        //更新数据
        that.setData({
          hasAlarmData: true,
          alarmListInfo: alarmListInfo.concat(ListInfo),
          PageIndex: ++pageIndex
        });
        // console.log(that.data.alarmListInfo);
      }
    });
  },
  //回到scroll组件顶部
  goTop() {
    this.setData({
      scrollTop: 0
    })
  },
  //scroll组件高度监听
  scrollListView(e) {
    let scrollTop = e.detail.scrollTop
    // 如果超过半屏
    if (scrollTop > this.data.scrollHeight / 2) {
      this.setData({
        isShowFloatMenu: true,
        animationFloatMenu: 'fadeIn'
      })
    } else {
      this.setData({
        isShowFloatMenu: false,
        animationFloatMenu: 'fadeOut'
      })
      // setTimeout(() => {this.setData({visual: false})}, 1000)
    }
  },
  //警报 -- 开始时间选择器
  bindStartAlarmDateChange: function (e) {
    this.setData({
      startAlarmDate: e.detail.value
    })
  },
  //警报 -- 结束时间选择器
  bindEndAlarmDateChange: function (e) {
    this.setData({
      endAlarmDate: e.detail.value
    })
  },
  //展开与收缩
  tapProductName: function (e) {
    var list = this.data.allProductPoints;
    var pid = e.currentTarget.dataset.productid;
    // console.log(pid,801)
    for (var i = 0; i < list.length; i++) {
      if (list[i].ID == pid) {
        list[i].IsExpand = !list[i].IsExpand
      }
    }
    this.setData({
      allProductPoints: list
    });
    // console.log(list,364)
  },
  //列表展示更多
  tapMoreMonitor(e) {
    var that = this;
    var allProductPoints = that.data.allProductPoints;
    //var id = e.currentTarget.dataset.id;
    var index = e.currentTarget.dataset.index;
    var product = allProductPoints[index];
    product.isExpandAll = true;
    // console.log(RecordList)
    //allProductPoints[index].RecordList = JSON.parse(JSON.stringify(RecordList).replace(/false/g, "true"));
    //allProductPoints[index].StateMore = "是否展示更多";

    var pointids = this.data.allPointId;
    // console.log(pointids,product,825)
    for (var n = 0; n < product.Items.length; n++) {
      var record = product.Items[n];
      if (!record.isDisp) {
        record.isDisp = true;
        pointids.push(record.PointID);
      }
    }
    //console.log(allProductPoints)
    //更新数据
    that.setData({
      allProductPoints: allProductPoints,
      allPointId: pointids
    });

    that.refreshRecordValue();
  },
  //警报列表 -- 到底部时加载数据
  lowRefresh: function () {
    var that = this
    if (that.data.bottomStatus == true) {
      return;
    }
    that.getAlarmData()
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

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

  },

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

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    if (this.data.intervalRefreshTime != null)
      clearInterval(this.data.intervalRefreshTime);
  },

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

  },

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

  },
  /** 时间选择器状态 **/
  tapChangeWorkTime(e) {
    var isNextDayAble = true;
    if (e.detail.value == this.data.yestday) {
      isNextDayAble = false;
    }
    this.setData({
      historyDate: e.detail.value,
      isNextDayAble: isNextDayAble
    })
    this.getWorkTime();
  },
  /**返回顶部 */
  goTop() {
    this.setData({
      scrollTop: 0
    })
  },
  scrollListView(e) {
    var that = this;
    let scrollTop = e.detail.scrollTop
    // 如果超过半屏
    if (scrollTop > that.data.scrollHeight / 3.5) {
      that.setData({
        isShowFloatMenu: true,
        animationFloatMenu: 'fadeIn'
      })
    } else {
      that.setData({
        isShowFloatMenu: false,
        animationFloatMenu: 'fadeOut'
      })
      // setTimeout(() => {that.setData({visual: false})}, 1000)
    }
  },
  /**
   * 
   * 屏幕旋转事件
   */
  onResize(res) {
    res.size.windowWidth // 新的显示区域宽度
    res.size.windowHeight // 新的显示区域高度
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    return Constant.Share;
  },
})