import * as echarts from '../../ec-canvas/echarts';
import {
  groupAllByParams,
  findGroupAllByDays
} from '../../api/projectAttendance'
const app = getApp();

//加载视频监控饼图
let datas_1 = [];
let formatNumber_1 = function (num) {
  let reg = /(?=(\B)(\d{3})+$)/g;
  return num.toString().replace(reg, ',');
}

function arrayobj_1(array, key) {
  var resObj = {}
  for (var i = 0; i < array.length; i++) {
    resObj[array[i][key]] = array[i]
  }
  return resObj
}

function initChart_1(chart_1, datas_1) {
  //定义参数
  let objData_1 = arrayobj_1(datas_1, 'name');
  let total_1 = datas_1.reduce((a, b) => {
    return a + b.value * 1
  }, 0);
  let title_1 = '接入数';
  var option_1 = {
    color: ["#ffac50", "#ed6942", "#9e40ec", "#1f8efa", "#06c985"],
    title: [{
      text: '{val|' + formatNumber_1(total_1) + '} \n {name|' + title_1 + '} ',
      top: '31%',
      left: '20%',
      textStyle: {
        rich: {
          name: {
            fontSize: 14,
            fontWeight: 'normal',
            color: '#fff',
            padding: [10, 0]
          },
          val: {
            fontSize: 25,
            fontWeight: 'bold',
            color: '#0ad7ec',
            padding: [0, 10]
          }
        }
      }
    }],
    tooltip: {
      trigger: 'item',
    },
    legend: {
      orient: 'vertical',
      top: "center",
      right: "5%",
      icon: 'circle',
      data: ['一工区'],
      textStyle: {
        color: "#fff",
        fontSize: 10
      },
      formatter(name) {
        return `${name}   ${objData_1[name].value}`
      }
    },
    series: [{
      type: 'pie',
      radius: ['65%', '90%'],
      center: ['30%', '50%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: '14'
        }
      },
      labelLine: {
        show: false
      },
      hoverAnimation: false,
      data: datas_1
    }]
  };
  chart_1.setOption(option_1);
}

//机械设备饼图
let formatNumber_2 = function (num) {
  let reg = /(?=(\B)(\d{3})+$)/g;
  return num.toString().replace(reg, ',');
}

function arrayobj_2(Array, key) {
  var resObj = {}
  for (var i = 0; i < Array.length; i++) {
    resObj[Array[i][key]] = Array[i]
  }
  return resObj
}

function initChart_2(chart_2, datas_2, datas_name) {
  //定义参数
  let objData_2 = arrayobj_2(datas_2, 'name');
  let total_2 = datas_2.reduce((a, b) => {
    return a + b.value * 1
  }, 0);
  let title_2 = '接入数';

  var option_2 = {
    color: ["#ffac50", "#ed6942", "#9e40ec", "#1f8efa", "#06c985"],
    title: [{
      text: '{val|' + formatNumber_2(total_2) + '} \n {name|' + title_2 + '} ',
      top: '31%',
      left: '20%',
      textStyle: {
        rich: {
          name: {
            fontSize: 14,
            fontWeight: 'normal',
            color: '#fff',
            padding: [10, 0]
          },
          val: {
            fontSize: 25,
            fontWeight: 'bold',
            color: '#0ad7ec',
            padding: [0, 10]
          }
        }
      }
    }],
    tooltip: {
      trigger: 'item',
    },
    legend: {
      orient: 'vertical',
      top: "center",
      right: "5%",
      icon: 'circle',
      data: datas_name,
      textStyle: {
        color: "#fff",
        fontSize: 10
      },
      formatter(name) {
        return `${name}   ${objData_2[name].value}`
      }
    },
    series: [{
      type: 'pie',
      radius: ['65%', '90%'],
      center: ['30%', '50%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: '14'
        }
      },
      labelLine: {
        show: false
      },
      hoverAnimation: false,
      data: datas_2
    }]
  };
  chart_2.setOption(option_2);
}

//劳务管理
function initChart_3(chart_3, xData_3, yData_3) {
  var option_3 = {
    color: ['#5a8df6'],
    tooltip: {
      trigger: 'axis'
    },

    grid: {
      top: '22%',
      left: '3%',
      right: '1%',
      bottom: '0%',
      containLabel: true
    },
    xAxis: [{
      type: 'category',
      boundaryGap: false,
      data: xData_3,
      axisTick: {
        show: false
      },
      axisLine: {
        lineStyle: {
          color: 'rgba(39,51,75,0.8)'
        }
      },
      axisLabel: {
        color: '#8aa3ec',
        rotate: 45,
        textStyle: {
          fontSize: 10
        },
      },
    }],
    yAxis: {
      type: 'value',
      name: "单位:个",
      nameTextStyle: {
        color: "#008fe9",
        fontSize: 11
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: "#008fe9",
          fontSize: 10
        }
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: 'rgba(39,51,75,0.5)'
        }
      },
      axisLine: {
        show: true,
        lineStyle: {
          color: 'rgba(39,51,75,0.8)'
        }
      },
    },
    series: [{
      type: 'line',
      data: yData_3,
      symbol: 'circle',
      smooth: true,
      lineStyle: {
        color: '#5a8df6',
        width: 2
      },
    }]
  }
  chart_3.setOption(option_3);
  return chart_3;
}


Page({
  /**
   * 页面的初始数据
   */
  data: {
    active: 0,
    show: false,
    activeNames: ["1"],
    ec_1: {
      lazyLoad: true //动态加载
    },
    ec_2: {
      lazyLoad: true
    },
    ec_3: {
      lazyLoad: true
    },
    //参数——————————————————————————————————————
    //组织架构id
    deptId: '',
    //项目的id
    projectId: '',
    //项目名称参数
    projectNameArgs: '',
    //项目信息
    projectInfo: {},
    projectUnitsList: [],
    //视频接入数
    videoNum: '',
    //正常视频数
    videoOnline: '',
    //机械接入数
    machineryNum: '',
    //正常机械运行数
    machineryOnline: '',
    monthEarlyNum: '0',
    yangchenCount: '0',
    weather: '',
    weatherPic: '',
    temperature: '',
    //加载模板参数
    loadShow: false,
    initData: {},
    todoDb: 0,
    approveDb: 0,
    aq: 0,
    nactive: 0,
    labourData: [{
        name: "总包人员",
        total: 0,
        unit: "人",
        yesMonitor: 180
      },
      {
        name: "监理人员",
        yesMonitor: 0,
        total: 0,
        unit: "人"
      },
      {
        name: "劳务人员",
        yesMonitor: 0,
        total: 0,
        unit: "人"
      },
    ],
    labourDataList: [],
    labourImg: "https://xiangguan.sxyanzhu.com/statics/static/icon/zgry.png",
    labourName: "在岗人员",
    labourTotal: 0,
    labourTypeList: [{
      name: "在岗人员",
      total: 0,
      img: "https://xiangguan.sxyanzhu.com/statics/static/icon/zgry.png"
    }, {
      name: "离岗人员",
      total: 0,
      img: "https://xiangguan.sxyanzhu.com/statics/static/icon/rylg.png"
    }, {
      name: "今日出勤",
      total: 0,
      img: "https://xiangguan.sxyanzhu.com/statics/static/icon/dw.png"
    }],
    animation: true,
    animationData: {},
    labourDatas:{
        unit : '人',
        legend:['出勤人数', '当前在岗'],
        color:['#2e6ed0','#fb9300'],
        Xdata :['01-01', '01-02', '01-03', '01-04', '01-05', '01-06', '01-07'],
        Ydata:[[0,0,0,0,0,0,0],[0,0,0,0,0,0,0]]
      },
      switchChart:false, 
  },

  // 事件委托
  selected(e) {
    this.setData({
      nactive: e.target.dataset.set,
      labourImg: this.data.labourTypeList[e.target.dataset.set].img,
    })
    this.initDeptWroksCharts();
  },

  //项目切换 返回值
  onProjectSelect(e) {
    this.onClickShow();
    let projectId = e.detail.id;
    let projectName = e.detail.text;
    app.globalData.projectId = projectId;
    app.globalData.projectName = projectName;
    this.setData({
      switchChart:true,
      projectId: projectId,
      projectName: projectName
    })
    this.onLoad();
  },

  // 手风琴
  onChange1(event) {
    this.setData({
      activeName: event.detail,
    });
  },
  onOpen(event) {},
  onClose(event) {},

  //初始化视频监控饼图数据
  init_one: function (datas_1) {
    this.oneComponent.init((canvas, width, height, dpr) => {
      const chart = echarts.init(canvas, null, {
        width: width,
        height: height,
        devicePixelRatio: dpr //解决小程序视图模糊的问题，必写
      });
      initChart_1(chart, datas_1);
      this.chart = chart;
      return chart;
    });
  },

  //初始化机械设备饼图数据
  init_two: function (datas_2, datas_name) {
    this.twoComponent.init((canvas, width, height, dpr) => {
      const chart = echarts.init(canvas, null, {
        width: width,
        height: height,
        devicePixelRatio: dpr //解决小程序视图模糊的问题，必写
      });
      initChart_2(chart, datas_2, datas_name);
      this.chart = chart;
      return chart;
    });
  },

  //初始化劳务管理
  init_three: function (xData_1, yData_1) {
    this.threeComponent.init((canvas, width, height, dpr) => {
      const chart = echarts.init(canvas, null, {
        width: width,
        height: height,
        devicePixelRatio: dpr //解决小程序视图模糊的问题，必写
      });
      initChart_3(chart, xData_1, yData_1);
      this.chart = chart;
      return chart;
    });
  },

  onClickShow() {
    this.setData({
      loadShow: false
    });
  },

  onClickHide() {
    this.setData({
      loadShow: false
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.onClickShow();
    this.setData({
      labourImg: this.data.labourTypeList[this.data.nactive].img,
      activeName: ["1"],
    });
    var that = this;
    //获取缓存数据
    wx.getStorage({
      key: 'userinfo',
      success: function (res) {
        if (options && options.showUser) {
          //这里重新查询用户消息是否已授权
          that.reUserOpenMsgId();
        }
        that.setData({
          loginName: res.data.loginName,
          nickName: res.data.nickName,
          deptName: res.data.deptName,
          roleName: res.data.roleName.split(',')[0],
          projectId: app.globalData.projectId,
          projectNameArgs: app.globalData.projectName,
          initData: {
            text: app.globalData.projectName,
            id: app.globalData.projectId
          }
        })
        that.awaitTask(res.data.minRoleId, res.data.deptId, res.data.loginName, res.data.userId);
      }
    })
    //根据id获取组件
    this.oneComponent = this.selectComponent('#mychart-one');
    this.twoComponent = this.selectComponent('#mychart-two');
    this.threeComponent = this.selectComponent('#mychart-three');
    this.fourComponent = this.selectComponent('#mychart-four');
    //项目基本信息
    this.getProjectBaseInfo(app.globalData.projectId);
    //项目管理信息
    this.getProjectUnitList(app.globalData.projectId);
    //视频数量
    //this.getProjectVideoAll(app.globalData.projectId);
    //机械的数据
    //this.getMachineryNum(app.globalData.projectId);
    //机械列表
    //this.getMachineryList(app.globalData.projectId);
    //视频的数据
    //this.getVideoList(app.globalData.projectId);
    this.initAnimationData();
    this.initProjectDeptWroks();
    this.initLabourDatas();
  },

  /**
   * 初始化动画
   */
  initAnimationData() {
    var animation = wx.createAnimation({
      duration: 1000,
      timingFunction: 'linear',
    })
    this.animation = animation;
    if (this.data.animation) {
      animation.translateY(-8).step();
    } else {
      animation.translateY(8).step();
    }
    this.setData({
      animation: this.data.animation ? false : true,
      animationData: animation.export()
    })
    setTimeout(() => {
      this.initAnimationData();
    }, 1200)
  },

  /**
   * 初始化考勤信息
   */
  initProjectDeptWroks() {
    let zg = 0;
    let lg = 0;
    let cq = 0;
    groupAllByParams({
      projectId: app.globalData.projectId
    }).then(res => {
      if (res.data.length > 0) {
        res.data.forEach(item => {
          if (item.type == "1") {
            zg += item.total;
          } else if (item.type == "2") {
            lg += item.total;
          } else {
            cq += item.total;
          }
        });
      }
      this.setData({
        "labourTypeList[0].total": zg,
        "labourTypeList[1].total": lg,
        "labourTypeList[2].total": cq,
        labourTotal: zg,
        labourDataList: res.data || []
      })
      this.initDeptWroksCharts();
    });
  },

  /**
   * 初始化统计图表
   */
  initDeptWroksCharts() {
    let labourDataList = this.data.labourDataList;
    let naValue = this.data.nactive + 1;
    if (labourDataList.length > 0) {
      let zb = 0;
      let jl = 0;
      let lw = 0;
      labourDataList.forEach(item => {
        if (item.type == naValue) {
          if (item.companyTypeId == 8) {
            jl += item.total;
          } else if (item.companyTypeId == 1 || item.companyTypeId == 6) {
            zb += item.total;
          } else {
            lw += item.total;
          }
        }
      });
      this.setData({
        "labourData[0].total": zb,
        "labourData[0].yesMonitor": zb,
        "labourData[1].total": jl,
        "labourData[1].yesMonitor": jl,
        "labourData[2].total": lw,
        "labourData[2].yesMonitor": lw,
        labourTotal: this.data.labourTypeList[this.data.nactive].total
      })
    }
  },

  /**
   * 查询公众号消息授权
   */
  reUserOpenMsgId() {
    let userInfos = this.selectComponent("#userInfos");
    userInfos.loadUserInfo();
  },

  // 底部导航
  onChange(event) {
    // event.detail 的值为当前选中项的索引
    this.setData({
      active: event.detail
    });
  },

  /**
   * 初始化曲线图表
   */
  initLabourDatas(){
    findGroupAllByDays({projectId:app.globalData.projectId}).then(res =>{
      if(res.code==200){
        let xd = [];
        let yd1=[];
        let yd2=[];
        res.data.list.forEach(item =>{
          xd.push(item.attendanceTime);
          yd1.push(item.total);
        });
        if(xd.length<7){
          let n = 7-xd.length;
          for(let i=0;i<n;i++){
            xd.push('');
            yd1.push(0);
          }
        }
        for(let y=0;y<7;y++){
          yd2.push(res.data.user);
        }
        let yd=[];
        yd.push(yd1);
        yd.push(yd2);
        this.setData({
          "labourDatas.Xdata": xd,
          "labourDatas.Ydata": yd
        });
        if(this.data.switchChart){
          let chats = this.selectComponent("#chartBar");
          chats.initChart();
        }
      }
    });
  },

  //获取项目的基本数据
  getProjectBaseInfo: function (even) {
    wx.request({
      url: app.globalData.reqUrl + '/wechat/project/getProjectFoundation',
      method: 'GET',
      data: {
        id: even
      },
      success: resData => {
        this.onClickHide()
        if (resData.data.planStartTime) {
          resData.data.planStartTime = resData.data.planStartTime.split("T")[0];
        }
        if (resData.data.actualStartTime) {
          resData.data.actualStartTime = resData.data.actualStartTime.split("T")[0];
        }
        if (resData.data.planCompletedTime) {
          resData.data.planCompletedTime = resData.data.planCompletedTime.split("T")[0];
        }
        this.setData({
          projectInfo: resData.data
        })
        //环境监测
        //this.selectEnvirData(even);
        //加载天气信息
        //this.getWeatherData(resData.data.longitude,resData.data.latitude)
      }
    })
  },

  //加载天气数据
  getWeatherData: function (even1, even2) {
    var that = this;
    wx.request({
      url: app.globalData.reqUrl + '/weixin/applets/selectWeather',
      method: "GET",
      data: {
        lng: even1,
        lat: even2,
      },
      success: function (weatherRes) {
        that.setData({
          weather: weatherRes.data.weather,
          weatherPic: weatherRes.data.weatherPic,
          temperature: weatherRes.data.temperature
        })
      }
    })
  },

  //获取项目的管理信息
  getProjectUnitList: function (projectId) {
    var that = this;
    wx.request({
      url: app.globalData.reqUrl + '/wechat/project/getProjectUnitList',
      method: 'GET',
      data: {
        projectId: projectId
      },
      success: resData => {
        that.onClickHide()
        that.setData({
          projectUnitsList: resData.data
        })
      }
    })
  },

  // 获取项目下的视频数
  getProjectVideoAll: function (even) {
    wx.request({
      url: app.globalData.reqUrl + '/weixin/video/getProjectVideoNum',
      method: 'get',
      data: {
        projectName: even
      },
      success: resData => {
        this.setData({
          videoNum: resData.data.videoAll,
          videoOnline: resData.data.videoOnline
        })
      }
    })
  },

  // 获取机械的数据
  getMachineryNum: function (event) {
    wx.request({
      url: app.globalData.reqUrl + '/mkl/machinery/getMachineryDataWest',
      data: {
        "projectId": event
      },
      method: 'get',
      success: resData => {
        this.setData({
          machineryNum: resData.data.allNum,
          machineryOnline: resData.data.onlineNum
        })
      }
    })
  },

  //机械的列表,名称
  getMachineryList: function (event) {
    var that = this;
    wx.request({
      url: app.globalData.reqUrl + '/mkl/machinery/getMachineryListWest',
      data: {
        "projectId": event
      },
      method: 'GET',
      success: resData => {
        if (resData.data == '') {
          that.init_two([{
            "value": "0",
            "name": ""
          }]);
        } else {
          that.init_two(resData.data);
        }
      }
    })
  },

  //获取视频的列表，名称
  getVideoList: function (even) {
    var that = this;
    wx.request({
      url: app.globalData.reqUrl + '/weixin/video/getProjectVideoListEc',
      method: 'GET',
      data: {
        projectName: even
      },
      success: resData => {
        that.onClickHide();
        if (resData.data.length > 0) {
          that.init_one(resData.data);
        }
      }
    })
  },

  //查询劳务人员出勤数据
  selectEnvirData: function (even) {
    var that = this;
    wx.request({
      url: app.globalData.reqUrl + '/weixin/userinfo/selectAttendanceNum',
      method: "GET",
      data: {
        projectId: even,
      },
      success: function (hjyj) {
        that.setData({
          monthEarlyNum: hjyj.data.userCount,
          yangchenCount: hjyj.data.userCount
        })
      }
    })

    //查询出最近一周劳务人员考勤人数
    wx.request({
      url: app.globalData.reqUrl + '/weixin/userinfo/selectLabourDayByProjectId',
      method: "GET",
      data: {
        projectId: even
      },
      success: function (sspm) {
        var createTime = [];
        var userCount = [];
        for (var i = 0; i < sspm.data.length; i++) {
          createTime.push(sspm.data[i].createTime);
          userCount.push(sspm.data[i].userCount);
        }
        that.init_three(createTime, userCount);
      }
    })
  },

  /**
   * 拨打电话
   * @param {*} event 
   */
  calling: function (event) {
    let callPhone = event.currentTarget.dataset.phone;
    wx.makePhoneCall({
      phoneNumber: callPhone,
      success: function () {
        console.log("拨打电话成功！")
      },
      fail: function () {
        console.log("拨打电话失败！")
      }
    })
  },

  /**
   * 劳务管理查看详细
   */
  goLWGL: function () {
    if (this.data.nactive == 2) {
      wx.redirectTo({
        url: '../../pageage/project_attendance/project_attendanceData/list/index'
      })
    } else {
      let type;
      if (this.data.nactive == 0) {
        type = 1;
      } else {
        type = 2;
      }
      wx.redirectTo({
        url: '../../pageage/project_attendance/project_attendanceUser/list/index?type=' + type
      })
    }
  },

  /**
   * 最近出勤
   */
  goZJCQ: function () {
    wx.redirectTo({
      url: '../../pageage/project_attendance/project_attendanceData/list/index'
    })
  },

  //跳转到安全管控
  XMSP: function () {
    wx.redirectTo({
      url: '../safety_manage/index'
    })
  },

  //跳转到质量管理
  ZLGL: function () {
    wx.redirectTo({
      url: '../quality_manage/index'
    })
  },

  //跳转到进度管理
  JDGL2: function () {
    //app.toast("敬请期待！");
    wx.redirectTo({
      url: '../../pageage/project_schedule/list/index'
    })
  },

  //跳转到更多功能
  GDGN: function () {
    wx.redirectTo({
      url: '../gengduogongneng/index'
    })
  },

  //返回到地图页面
  GOMAP: function () {
    wx.redirectTo({
      url: '../map/map',
    })
  },

  //返回到工程列表页面
  goGCLB: function () {
    wx.redirectTo({
      url: '../gongchengliebiao/index'
    })
  },

  //查询当前登录人的代办任务
  awaitTask(minRoleId, deptId, loginName, userId) {
    let param = {
      "businessKey": app.globalData.projectId,
      "nowRole": minRoleId,
      "nowDept": deptId,
      "nowUserName": loginName,
      "nowUser": userId,
      "activeName": "await"
    }
    var that = this;
    wx.request({
      url: app.globalData.reqUrl + '/wechat/flowTask/myAwaitFlowTaskListCount',
      data: param,
      method: "post",
      success: function (res) {
        res = res.data;
        if (res.code == "200") {
          that.setData({
            todoDb: res.data.todo + res.data.approveLZYJ,
            approveDb: res.data.approve + res.data.zlCount,
            aq: res.data.aqCount,
          })
        }
      }
    })
  },
})