weixin/pages/control/control.js

// pages/control/control.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    statu:false,
    status:"离线",
    Title:"",
    quantity:"",//回路数量
    Color:[],//字体颜色
    Size:["calc(100vw * 12/375)","calc(100vw * 12/375)","calc(100vw * 12/375)","calc(100vw * 12/375)",
          "calc(100vw * 12/375)","calc(100vw * 12/375)","calc(100vw * 12/375)","calc(100vw * 12/375)",
          "calc(100vw * 12/375)","calc(100vw * 12/375)","calc(100vw * 12/375)","calc(100vw * 12/375)"],//字体大小
    lamp:[],//灯泡图标
    address:["","","","","","","","","","","",""],//修改回路名称图标
    loop:["回路1","回路2","回路3","回路4","回路5","回路6","回路7","回路8",
    "回路9","回路10","回路11","回路12"],//回路名称
    loops:"",//用于记录回路数量
    Loop:[],//用于向回路界面传递回路名称
    Modecontrol:"",
    groupName:[],
    deviceName:[],
    groupIndex:0,
    deviceIndex:0,
    deviceId:'',
    deviceKey:''
  },
  //回路开
  Open(e){
    var that = this
    var lamp = wx.getStorageSync('lamp')
    if(e.target.dataset.open == 1){
      lamp[0] = "/image/lamp1.png"
      wx.setStorageSync('lamp', lamp)
      that.setData({lamp:wx.getStorageSync('lamp')})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R1_RelayStatus':13
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.open == 2 && that.data.loops == "2") {
      lamp[1] = "/image/lamp1.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R2_RelayStatus':13
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.open == 3 && that.data.loops == "3") {
      lamp[2] = "/image/lamp1.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R3_RelayStatus':13
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.open == 4 && that.data.loops == "4") {
      lamp[3] = "/image/lamp1.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R4_RelayStatus':13
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.open == 5 && that.data.loops == "5") {
      lamp[4] = "/image/lamp1.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R5_RelayStatus':13
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.open == 6 && that.data.loops == "6") {
      lamp[5] = "/image/lamp1.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R6_RelayStatus':13
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.open == 7 && that.data.loops == "7") {
      lamp[6] = "/image/lamp1.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R7_RelayStatus':13
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.open == 8 && that.data.loops == "8") {
      lamp[7] = "/image/lamp1.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R8_RelayStatus':13
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.open == 9 && that.data.loops == "9") {
      lamp[8] = "/image/lamp1.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R9_RelayStatus':13
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.open == 10 && that.data.loops == "10") {
      lamp[9] = "/image/lamp1.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R10_RelayStatus':13
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.open == 11 && that.data.loops == "11") {
      lamp[10] = "/image/lamp1.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R11_RelayStatus':13
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.open == 12 && that.data.loops == "12") {
      lamp[11] = "/image/lamp1.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R12_RelayStatus':13
        },
        success:res =>{
          console.log(res)
        }
      })
    }
  },
  //回路关
  Shut(e){
    var that = this
    var lamp = that.data.lamp
    if(e.target.dataset.shut == 1){
      lamp[0] = "/image/lamp.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R1_RelayStatus':12
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.shut == 2 && that.data.loops == "2") {
      lamp[1] = "/image/lamp.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R2_RelayStatus':12
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.shut == 3 && that.data.loops == "3") {
      lamp[2] = "/image/lamp.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R3_RelayStatus':12
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.shut == 4 && that.data.loops == "4") {
      lamp[3] = "/image/lamp.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R4_RelayStatus':12
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.shut == 5 && that.data.loops == "5") {
      lamp[4] = "/image/lamp.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R5_RelayStatus':12
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.shut == 6 && that.data.loops == "6") {
      lamp[5] = "/image/lamp.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R6_RelayStatus':12
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.shut == 7 && that.data.loops == "7") {
      lamp[6] = "/image/lamp.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R7_RelayStatus':12
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.shut == 8 && that.data.loops == "8") {
      lamp[7] = "/image/lamp.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R8_RelayStatus':12
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.shut == 9 && that.data.loops == "9") {
      lamp[8] = "/image/lamp.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R9_RelayStatus':12
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.shut == 10 && that.data.loops == "10") {
      lamp[9] = "/image/lamp.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R10_RelayStatus':12
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.shut == 11 && that.data.loops == "11") {
      lamp[10] = "/image/lamp.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R11_RelayStatus':12
        },
        success:res =>{
          console.log(res)
        }
      })
    }
    else if (e.target.dataset.shut == 12 && that.data.loops == "12") {
      lamp[11] = "/image/lamp.png"
      that.setData({lamp:lamp})
      wx.request({
        url: 'https://api.heclouds.com/cmds?device_id=' + that.data.deviceId,
        method:'POST',
        header:{"api-key": that.data.deviceKey},
        data:{
          'R12_RelayStatus':12
        },
        success:res =>{
          console.log(res)
        }
      })
    }
  },
  //回路名称调整
  loopname(e){
    var address = this.data.address
    if (e.target.dataset.loopname == 1) {
      wx.showModal({
        title:'修改回路名称',
        editable:true,
        placeholderText:'请输入名称',
        success(res){
          if (res.confirm) {
            console.log(res.content)
          }
        }
      })
    }
    else if(e.target.dataset.loopname == 2 && address[1] != ""){
      wx.showModal({
        title:'修改回路名称',
        editable:true,
        placeholderText:'请输入名称',
        success(res){
          if (res.confirm) {
            console.log(res.content)
          }
        }
      })
    }
    else if(e.target.dataset.loopname == 3 && address[2] != ""){
      wx.showModal({
        title:'修改回路名称',
        editable:true,
        placeholderText:'请输入名称',
        success(res){
          if (res.confirm) {
            console.log(res.content)
          }
        }
      })
    }
    else if(e.target.dataset.loopname == 4 && address[3] != ""){
      wx.showModal({
        title:'修改回路名称',
        editable:true,
        placeholderText:'请输入名称',
        success(res){
          if (res.confirm) {
            console.log(res.content)
          }
        }
      })
    }
    else if(e.target.dataset.loopname == 5 && address[4] != ""){
      wx.showModal({
        title:'修改回路名称',
        editable:true,
        placeholderText:'请输入名称',
        success(res){
          if (res.confirm) {
            console.log(res.content)
          }
        }
      })
    }
    else if(e.target.dataset.loopname == 6 && address[5] != ""){
      wx.showModal({
        title:'修改回路名称',
        editable:true,
        placeholderText:'请输入名称',
        success(res){
          if (res.confirm) {
            console.log(res.content)
          }
        }
      })
    }
    else if(e.target.dataset.loopname == 7 && address[6] != ""){
      wx.showModal({
        title:'修改回路名称',
        editable:true,
        placeholderText:'请输入名称',
        success(res){
          if (res.confirm) {
            console.log(res.content)
          }
        }
      })
    }
    else if(e.target.dataset.loopname == 8 && address[7] != ""){
      wx.showModal({
        title:'修改回路名称',
        editable:true,
        placeholderText:'请输入名称',
        success(res){
          if (res.confirm) {
            console.log(res.content)
          }
        }
      })
    }
    else if(e.target.dataset.loopname == 9 && address[8] != ""){
      wx.showModal({
        title:'修改回路名称',
        editable:true,
        placeholderText:'请输入名称',
        success(res){
          if (res.confirm) {
            console.log(res.content)
          }
        }
      })
    }
    else if(e.target.dataset.loopname == 10 && address[9] != ""){
      wx.showModal({
        title:'修改回路名称',
        editable:true,
        placeholderText:'请输入名称',
        success(res){
          if (res.confirm) {
            console.log(res.content)
          }
        }
      })
    }
    else if(e.target.dataset.loopname == 11 && address[10] != ""){
      wx.showModal({
        title:'修改回路名称',
        editable:true,
        placeholderText:'请输入名称',
        success(res){
          if (res.confirm) {
            console.log(res.content)
          }
        }
      })
    }
    else if(e.target.dataset.loopname == 12 && address[11] != ""){
      wx.showModal({
        title:'修改回路名称',
        editable:true,
        placeholderText:'请输入名称',
        success(res){
          if (res.confirm) {
            console.log(res.content)
          }
        }
      })
    }
  },
  //全开
  Fullopen:function(){
    var lamp = this.data.lamp
    for(let i = 0;i < this.data.loops; i++){
      lamp[i] = "/image/lamp1.png"
      this.setData({
        lamp:lamp
      })
    }
  },
  //全关
  Allclosed:function(){
    var lamp = this.data.lamp
    for(let i = 0;i < this.data.loops; i++){
      lamp[i] = "/image/lamp.png"
      this.setData({
        lamp:lamp
      })
    }
  },
  //分组下拉
  changegroup:function(e){
    var that = this
    that.setData({
      groupIndex:e.detail.value
    })
    var groupName = that.data.groupName[that.data.groupIndex]//选择的分组名称
    var group = wx.getStorageSync('group')
    var deviceName = that.data.deviceName
    var deviceName = []
    for(let i = 0;i < group.length;i++){
      if(group[i].name == groupName){
        if(group[i].device.length != 0){
          for(let j = 0;j < group[i].device.length;j++){
            deviceName.push(group[i].device[j].deviceName)
          }
        }
      }
    }
    this.setData({
      deviceName:deviceName
    })
    //重新获取分组名和设备名
    if(that.data.deviceName.length != 0){
      var groupNames = that.data.groupName[that.data.groupIndex]
      var deviceNames = that.data.deviceName[that.data.deviceIndex]
      for(let d = 0;d < group.length;d++){
      if(groupNames == group[d].name){
        for(let g = 0;g < group[d].device.length;g++){
          if(deviceNames == group[d].device[g].deviceName){
            var deviceId = group[d].device[g].deviceId
            var deviceKey = group[d].device[g].deviceKey
          }
        }
      }
      }
      wx.request({
      url: 'https://api.heclouds.com/devices/' + deviceId,
      method:'GET',
      header:{"api-key": deviceKey},
      success:(res) =>{
        if (res.data.data.online == true) {
          that.setData({
            status:"在线"
          })
        }
        else{
          that.setData({
            status:"离线"
          })
        }
      }
      })
      wx.request({
      url: 'https://api.heclouds.com/devices/' + deviceId + '/datastreams',
      header:{"api-key": deviceKey},
      method:'GET',
      success:(res) => {
        let {data} = res.data
        for(let i = 0;i < data.length;i++){
          if (data[i].id == "RelayCount") {
            var quantity = data[i].current_value
          }
          else if(data[i].id == "ManualStatus"){
            if(data[i].current_value == 0){
              that.setData({
                Modecontrol:"自动"
              })
            }
            else{
              that.setData({
                Modecontrol:"手动"
              })
            }
          }
        }
        for (let i = 0;i < quantity; i++) {
          var Loop = that.data.Loop
          var color = that.data.Color
          var size = that.data.Size
          var Address = that.data.address
          Loop[i] = that.data.loop[i]
          color[i] = "black"
          size[i] = "calc(100vw * 16/375)",
          Address[i] = "/image/modify.png"
          that.setData({
            Color:color,
            Size:size,
            address:Address,
            loops:quantity,
            Loop:Loop
          })
        }
        // let setloop = that.data.Loop
        // getApp().globalData.setloop = setloop 
        // wx.switchTab({
        //   url:'/pages/loop/loop',
        // })
      }
      })
    }
  },
  //设备下拉
  changedevice:function(e){
    var that = this
    that.setData({
      deviceIndex:e.detail.value
    })
    var group = wx.getStorageSync('group')
    var groupName = that.data.groupName[that.data.groupIndex]
    var deviceName = that.data.deviceName[that.data.deviceIndex]
    for (let index = 0; index < group.length; index++) {
      if(groupName == group[index].name){
        for(let t = 0;t < group[index].device.length;t++){
          if(deviceName == group[index].device[t].deviceName){
             var deviceId = group[index].device[t].deviceId
             var deviceKey = group[index].device[t].deviceKey
          }
        }
      }
    }
    wx.request({
      url: 'https://api.heclouds.com/devices/' + deviceId,
      method:'GET',
      header:{"api-key": deviceKey},
      success:(res) =>{
        if (res.data.data.online == true) {
          that.setData({
            status:"在线"
          })
        }
        else{
          that.setData({
            status:"离线"
          })
        }
      }
    })
    wx.request({
      url: 'https://api.heclouds.com/devices/' + deviceId + '/datastreams',
      header:{"api-key": deviceKey},
      method:'GET',
      success:(res) => {
        let {data} = res.data
        for(let i = 0;i < data.length;i++){
          if (data[i].id == "RelayCount") {
            var quantity = data[i].current_value
          }
          else if(data[i].id == "ManualStatus"){
            if(data[i].current_value == 0){
              that.setData({
                Modecontrol:"自动"
              })
            }
            else{
              that.setData({
                Modecontrol:"手动"
              })
            }
          }
        }
        for (let i = 0;i < quantity; i++) {
          var Loop = that.data.Loop
          var color = that.data.Color
          var size = that.data.Size
          var Address = that.data.address
          Loop[i] = that.data.loop[i]
          color[i] = "black"
          size[i] = "calc(100vw * 16/375)",
          Address[i] = "/image/modify.png"
          that.setData({
            Color:color,
            Size:size,
            address:Address,
            loops:quantity,
            Loop:Loop
          })
        }
        // let setloop = that.data.Loop
        // getApp().globalData.setloop = setloop 
        // wx.switchTab({
        //   url:'/pages/loop/loop',
        // })
      }
    })
  },
  //修改回路名称
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    var that = this
    if(wx.getStorageSync('lamp') == ''){
      wx.setStorageSync('lamp', [])
      var lamp = wx.getStorageSync('lamp')
      for(let h = 0;h < 12;h++){
        lamp.push("/image/lamp.png")
      }
    }
    wx.setStorageSync('lamp',lamp)
    that.setData({
      lamp:wx.getStorageSync('lamp')
    })
    if(that.data.groupName.length == 0){  
      var group = wx.getStorageSync('group')
      var groups = []
      var device = []
      for(let i = 0;i < group.length;i++){
        groups.push(group[i].name)
      }
      that.setData({
      groupName:groups
    })
      var groupName = that.data.groupName
      var groupIndex = that.data.groupIndex
      for(let j = 0;j < group.length;j++){
      if(groupName[groupIndex] == group[j].name){
        for(let p = 0;p < group[j].device.length;p++){
          device.push(group[j].device[p].deviceName)     
        }
      }
      }
      that.setData({
      deviceName:device
      })
      var groupNames = that.data.groupName[that.data.groupIndex]
      var deviceNames = that.data.deviceName[that.data.deviceIndex]
      for(let d = 0;d < group.length;d++){
      if(groupNames == group[d].name){
        for(let g = 0;g < group[d].device.length;g++){
          if(deviceNames == group[d].device[g].deviceName){
            var deviceId = group[d].device[g].deviceId
            var deviceKey = group[d].device[g].deviceKey
          }
        }
      }
      }
      wx.request({
      url: 'https://api.heclouds.com/devices/' + deviceId,
      method:'GET',
      header:{"api-key": deviceKey},
      success:(res) =>{
        if (res.data.data.online == true) {
          that.setData({
            status:"在线"
          })
        }
        else{
          that.setData({
            status:"离线"
          })
        }
      }
      })
      for(let i=0;i < 12;i++){this.data.Color[i] = "#cccccc"}
      wx.request({
      url: 'https://api.heclouds.com/devices/' + deviceId + '/datastreams',
      header:{"api-key": deviceKey},
      method:'GET',
      success:(res) => {
        let {data} = res.data
        for(let i = 0;i < data.length;i++){
          if (data[i].id == "RelayCount") {
            var quantity = data[i].current_value
          }
          else if(data[i].id == "ManualStatus"){
            if(data[i].current_value == 0){
              that.setData({
                Modecontrol:"自动"
              })
            }
            else{
              that.setData({
                Modecontrol:"手动"
              })
            }
          }
        }
        for (let i = 0;i < quantity; i++) {
          var Loop = that.data.Loop
          var color = that.data.Color
          var size = that.data.Size
          var Address = that.data.address
          Loop[i] = that.data.loop[i]
          color[i] = "black"
          size[i] = "calc(100vw * 16/375)",
          Address[i] = "/image/modify.png"
          that.setData({
            Color:color,
            Size:size,
            address:Address,
            loops:quantity,
            Loop:Loop
          })
        }
        // let setloop = that.data.Loop
        // getApp().globalData.setloop = setloop 
        // wx.switchTab({
        //   url:'/pages/loop/loop',
        // })
      }
      })
    }
    that.setData({
      deviceId:deviceId,
      deviceKey:deviceKey
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})